@codeandfunction/callaloo 1.4.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Buttons/Button.vue.d.ts +1 -0
- package/dist/index.js +45 -15
- package/dist/index.umd.cjs +45 -15
- package/dist/types.d.ts +38 -10
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
(function () {
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-a11y__button {\n display: inline-block;\n}\n.clll-a11y__button.--enabled {\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-a11y__button.--enabled:focus {\n background-color: \"\";\n}\n.clll-a11y__button.--enabled:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-a11y__button.--enabled[type=checkbox], .clll-a11y__button.--enabled[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-a11y__button.--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-a11y__button.--fluid {\n display: block;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-badge {\n position: relative;\n overflow: hidden;\n border-radius: var(--clll-rounded-full);\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n padding: var(--clll-py-xs) var(--clll-px-xs);\n}\n.clll-badge .clll-badge__count {\n font-weight: 400;\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-badge.clll-badge--light {\n background-color: var(--clll-color-neutral-100);\n}\n.clll-badge.clll-badge--dark {\n background-color: var(--clll-color-neutral-800);\n}\n.clll-badge.clll-badge--dark .clll-badge__count {\n color: var(--clll-color-neutral-100);\n}\n.clll-badge.clll-badge--primary {\n background-color: var(--clll-color-primary-500);\n}\n.clll-badge.clll-badge--default, .clll-badge.clll-badge--secondary {\n background-color: var(--clll-color-secondary-500);\n}\n.clll-badge.clll-badge--danger {\n background-color: var(--clll-color-danger-500);\n}\n.clll-badge.clll-badge--warning {\n background-color: var(--clll-color-warning-500);\n}\n.clll-badge.clll-badge--success {\n background-color: var(--clll-color-success-500);\n}\n.clll-badge.clll-badge--info {\n background-color: var(--clll-color-info-500);\n}\n.clll-badge.clll-badge--outline, .clll-badge.clll-badge--outline-secondary {\n border: 1px var(--clll-color-secondary-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-primary {\n border: 1px var(--clll-color-primary-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-danger {\n border: 1px var(--clll-color-danger-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-warning {\n border: 1px var(--clll-color-warning-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-success {\n border: 1px var(--clll-color-success-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-info {\n border: 1px var(--clll-color-info-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--elevated {\n box-shadow: 0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-banner {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n width: var(--73b4fc45);\n height: var(--2dc8daf0);\n border-bottom: solid 0.25rem;\n padding: var(--clll-py-3xl) var(--clll-px-2xl);\n}\n.clll-banner .clll-banner__content {\n position: relative;\n z-index: var(--clll-z-index-10);\n width: 100%;\n}\n.clll-banner .clll-banner__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-banner.clll-banner--dismissable .clll-banner__content {\n padding-top: var(--clll-unit-2);\n padding-right: var(--clll-unit-12);\n padding-bottom: var(--clll-unit-2);\n}\n.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button {\n position: absolute;\n top: var(--clll-unit-4);\n right: var(--clll-unit-4);\n z-index: var(--clll-z-index-10);\n}\n.clll-banner.clll-banner--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-banner.clll-banner--light {\n background-color: var(--clll-color-neutral-100);\n border-left: 1px solid var(--clll-color-neutral-200);\n border-right: 1px solid var(--clll-color-neutral-200);\n border-top: 1px solid var(--clll-color-neutral-200);\n border-bottom-color: var(--clll-color-neutral-200);\n}\n.clll-banner.clll-banner--dark {\n background-color: var(--clll-color-neutral-700);\n border-left: 1px solid var(--clll-color-neutral-900);\n border-right: 1px solid var(--clll-color-neutral-900);\n border-top: 1px solid var(--clll-color-neutral-900);\n border-bottom-color: var(--clll-color-neutral-900);\n}\n.clll-banner.clll-banner--primary {\n background-color: var(--clll-color-primary-100);\n border-left: 1px solid var(--clll-color-primary-600);\n border-right: 1px solid var(--clll-color-primary-600);\n border-top: 1px solid var(--clll-color-primary-600);\n border-bottom-color: var(--clll-color-primary-600);\n}\n.clll-banner.clll-banner--default, .clll-banner.clll-banner--secondary {\n background-color: var(--clll-color-secondary-100);\n border-left: 1px solid var(--clll-color-secondary-600);\n border-right: 1px solid var(--clll-color-secondary-600);\n border-top: 1px solid var(--clll-color-secondary-600);\n border-bottom-color: var(--clll-color-secondary-600);\n}\n.clll-banner.clll-banner--danger {\n background-color: var(--clll-color-danger-100);\n border-left: 1px solid var(--clll-color-danger-600);\n border-right: 1px solid var(--clll-color-danger-600);\n border-top: 1px solid var(--clll-color-danger-600);\n border-bottom-color: var(--clll-color-danger-600);\n}\n.clll-banner.clll-banner--warning {\n background-color: var(--clll-color-warning-100);\n border-left: 1px solid var(--clll-color-warning-600);\n border-right: 1px solid var(--clll-color-warning-600);\n border-top: 1px solid var(--clll-color-warning-600);\n border-bottom-color: var(--clll-color-warning-600);\n}\n.clll-banner.clll-banner--success {\n background-color: var(--clll-color-success-100);\n border-left: 1px solid var(--clll-color-success-600);\n border-right: 1px solid var(--clll-color-success-600);\n border-top: 1px solid var(--clll-color-success-600);\n border-bottom-color: var(--clll-color-success-600);\n}\n.clll-banner.clll-banner--info {\n background-color: var(--clll-color-info-100);\n border-left: 1px solid var(--clll-color-info-600);\n border-right: 1px solid var(--clll-color-info-600);\n border-top: 1px solid var(--clll-color-info-600);\n border-bottom-color: var(--clll-color-info-600);\n}\n.clll-banner.clll-banner--outline, .clll-banner.clll-banner--outline-secondary {\n border-left: 1px solid var(--clll-color-secondary-600);\n border-right: 1px solid var(--clll-color-secondary-600);\n border-top: 1px solid var(--clll-color-secondary-600);\n border-bottom-color: var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-primary {\n border-left: 1px solid var(--clll-color-primary-600);\n border-right: 1px solid var(--clll-color-primary-600);\n border-top: 1px solid var(--clll-color-primary-600);\n border-bottom-color: var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-danger {\n border-left: 1px solid var(--clll-color-danger-600);\n border-right: 1px solid var(--clll-color-danger-600);\n border-top: 1px solid var(--clll-color-danger-600);\n border-bottom-color: var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-warning {\n border-left: 1px solid var(--clll-color-warning-600);\n border-right: 1px solid var(--clll-color-warning-600);\n border-top: 1px solid var(--clll-color-warning-600);\n border-bottom-color: var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-success {\n border-left: 1px solid var(--clll-color-success-600);\n border-right: 1px solid var(--clll-color-success-600);\n border-top: 1px solid var(--clll-color-success-600);\n border-bottom-color: var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-info {\n border-left: 1px solid var(--clll-color-info-600);\n border-right: 1px solid var(--clll-color-info-600);\n border-top: 1px solid var(--clll-color-info-600);\n border-bottom-color: var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--busy {\n pointer-events: none;\n}\n.clll-banner.clll-banner--align-left {\n text-align: left;\n}\n.clll-banner.clll-banner--align-center {\n text-align: center;\n}\n.clll-banner.clll-banner--align-right {\n text-align: right;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-button {\n position: relative;\n width: var(--31adf5d8);\n height: var(--37aeb8ce);\n border: 1px solid transparent;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button:focus {\n background-color: \"\";\n}\n.clll-button:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-button[type=checkbox], .clll-button[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button .clll-button__content,\n.clll-button .clll-text,\n.clll-button .clll-icon {\n font-weight: 500;\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-button.clll-button--has-content {\n display: inline-flex;\n align-items: center;\n}\n.clll-button.clll-button--default, .clll-button.clll-button--secondary {\n background-color: var(--clll-color-secondary-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--default:focus, .clll-button.clll-button--secondary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--default:focus-visible, .clll-button.clll-button--secondary:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--default[type=checkbox], .clll-button.clll-button--default[type=radio], .clll-button.clll-button--secondary[type=checkbox], .clll-button.clll-button--secondary[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--default:hover, .clll-button.clll-button--secondary:hover {\n background-color: var(--clll-color-secondary-600);\n}\n.clll-button.clll-button--light {\n background-color: var(--clll-color-neutral-100);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--light:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--light:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--light[type=checkbox], .clll-button.clll-button--light[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--light:hover {\n background-color: var(--clll-color-neutral-200);\n}\n.clll-button.clll-button--dark {\n background-color: var(--clll-color-neutral-800);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--dark:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--dark:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--dark[type=checkbox], .clll-button.clll-button--dark[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--dark .clll-button__content,\n.clll-button.clll-button--dark .clll-text,\n.clll-button.clll-button--dark .clll-icon {\n color: var(--clll-color-neutral-100);\n}\n.clll-button.clll-button--dark:hover {\n background-color: var(--clll-color-neutral-900);\n}\n.clll-button.clll-button--transparent {\n background-color: transparent;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--transparent:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--transparent:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--transparent[type=checkbox], .clll-button.clll-button--transparent[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--transparent:hover {\n background-color: transparent;\n}\n.clll-button.clll-button--primary {\n background-color: var(--clll-color-primary-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--primary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--primary:focus-visible {\n outline: 2px solid var(--clll-color-primary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--primary[type=checkbox], .clll-button.clll-button--primary[type=radio] {\n border-color: var(--clll-color-primary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--primary:hover {\n background-color: var(--clll-color-primary-600);\n}\n.clll-button.clll-button--danger {\n background-color: var(--clll-color-danger-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--danger:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--danger:focus-visible {\n outline: 2px solid var(--clll-color-danger-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--danger[type=checkbox], .clll-button.clll-button--danger[type=radio] {\n border-color: var(--clll-color-danger-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--danger:hover {\n background-color: var(--clll-color-danger-600);\n}\n.clll-button.clll-button--warning {\n background-color: var(--clll-color-warning-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--warning:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--warning:focus-visible {\n outline: 2px solid var(--clll-color-warning-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--warning[type=checkbox], .clll-button.clll-button--warning[type=radio] {\n border-color: var(--clll-color-warning-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--warning:hover {\n background-color: var(--clll-color-warning-600);\n}\n.clll-button.clll-button--success {\n background-color: var(--clll-color-success-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--success:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--success:focus-visible {\n outline: 2px solid var(--clll-color-success-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--success[type=checkbox], .clll-button.clll-button--success[type=radio] {\n border-color: var(--clll-color-success-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--success:hover {\n background-color: var(--clll-color-success-600);\n}\n.clll-button.clll-button--info {\n background-color: var(--clll-color-info-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--info:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--info:focus-visible {\n outline: 2px solid var(--clll-color-info-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--info[type=checkbox], .clll-button.clll-button--info[type=radio] {\n border-color: var(--clll-color-info-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--info:hover {\n background-color: var(--clll-color-info-600);\n}\n.clll-button.clll-button--outline-secondary, .clll-button.clll-button--outline {\n background-color: transparent;\n border-color: var(--clll-color-secondary-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-secondary:focus, .clll-button.clll-button--outline:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-secondary:focus-visible, .clll-button.clll-button--outline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-secondary[type=checkbox], .clll-button.clll-button--outline-secondary[type=radio], .clll-button.clll-button--outline[type=checkbox], .clll-button.clll-button--outline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-secondary .clll-button__content,\n.clll-button.clll-button--outline-secondary .clll-text,\n.clll-button.clll-button--outline-secondary .clll-icon, .clll-button.clll-button--outline .clll-button__content,\n.clll-button.clll-button--outline .clll-text,\n.clll-button.clll-button--outline .clll-icon {\n color: var(--clll-color-secondary-900);\n}\n.clll-button.clll-button--outline-secondary:hover, .clll-button.clll-button--outline:hover {\n background-color: var(--clll-color-secondary-100);\n border-color: var(--clll-color-secondary-700);\n}\n.clll-button.clll-button--outline-primary {\n background-color: transparent;\n border-color: var(--clll-color-primary-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-primary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-primary:focus-visible {\n outline: 2px solid var(--clll-color-primary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-primary[type=checkbox], .clll-button.clll-button--outline-primary[type=radio] {\n border-color: var(--clll-color-primary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-primary .clll-button__content,\n.clll-button.clll-button--outline-primary .clll-text,\n.clll-button.clll-button--outline-primary .clll-icon {\n color: var(--clll-color-primary-900);\n}\n.clll-button.clll-button--outline-primary:hover {\n background-color: var(--clll-color-primary-100);\n border-color: var(--clll-color-primary-700);\n}\n.clll-button.clll-button--outline-danger {\n background-color: transparent;\n border-color: var(--clll-color-danger-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-danger:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-danger:focus-visible {\n outline: 2px solid var(--clll-color-danger-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-danger[type=checkbox], .clll-button.clll-button--outline-danger[type=radio] {\n border-color: var(--clll-color-danger-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-danger .clll-button__content,\n.clll-button.clll-button--outline-danger .clll-text,\n.clll-button.clll-button--outline-danger .clll-icon {\n color: var(--clll-color-danger-900);\n}\n.clll-button.clll-button--outline-danger:hover {\n background-color: var(--clll-color-danger-100);\n border-color: var(--clll-color-danger-700);\n}\n.clll-button.clll-button--outline-warning {\n background-color: transparent;\n border-color: var(--clll-color-warning-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-warning:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-warning:focus-visible {\n outline: 2px solid var(--clll-color-warning-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-warning[type=checkbox], .clll-button.clll-button--outline-warning[type=radio] {\n border-color: var(--clll-color-warning-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-warning .clll-button__content,\n.clll-button.clll-button--outline-warning .clll-text,\n.clll-button.clll-button--outline-warning .clll-icon {\n color: var(--clll-color-warning-900);\n}\n.clll-button.clll-button--outline-warning:hover {\n background-color: var(--clll-color-warning-100);\n border-color: var(--clll-color-warning-700);\n}\n.clll-button.clll-button--outline-info {\n background-color: transparent;\n border-color: var(--clll-color-info-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-info:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-info:focus-visible {\n outline: 2px solid var(--clll-color-info-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-info[type=checkbox], .clll-button.clll-button--outline-info[type=radio] {\n border-color: var(--clll-color-info-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-info .clll-button__content,\n.clll-button.clll-button--outline-info .clll-text,\n.clll-button.clll-button--outline-info .clll-icon {\n color: var(--clll-color-info-900);\n}\n.clll-button.clll-button--outline-info:hover {\n background-color: var(--clll-color-info-100);\n border-color: var(--clll-color-info-700);\n}\n.clll-button.clll-button--outline-success {\n background-color: transparent;\n border-color: var(--clll-color-success-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-success:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-success:focus-visible {\n outline: 2px solid var(--clll-color-success-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-success[type=checkbox], .clll-button.clll-button--outline-success[type=radio] {\n border-color: var(--clll-color-success-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-success .clll-button__content,\n.clll-button.clll-button--outline-success .clll-text,\n.clll-button.clll-button--outline-success .clll-icon {\n color: var(--clll-color-success-900);\n}\n.clll-button.clll-button--outline-success:hover {\n background-color: var(--clll-color-success-100);\n border-color: var(--clll-color-success-700);\n}\n.clll-button.clll-button--tiny {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-sm) var(--clll-px-lg);\n}\n.clll-button.clll-button--tiny.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-button.clll-button--tiny.clll-button--rounded {\n border-radius: var(--clll-rounded-lg);\n}\n.clll-button.clll-button--tiny.clll-button--no-content {\n padding: var(--clll-px-sm);\n}\n.clll-button.clll-button--small {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-md) var(--clll-px-xl);\n}\n.clll-button.clll-button--small.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-button.clll-button--small.clll-button--rounded {\n border-radius: var(--clll-rounded-xl);\n}\n.clll-button.clll-button--small.clll-button--no-content {\n padding: var(--clll-px-md);\n}\n.clll-button.clll-button--medium {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-button.clll-button--medium.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-button.clll-button--medium.clll-button--rounded {\n border-radius: var(--clll-rounded-xl);\n}\n.clll-button.clll-button--medium.clll-button--no-content {\n padding: var(--clll-px-lg);\n}\n.clll-button.clll-button--large {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-xl) var(--clll-px-4xl);\n}\n.clll-button.clll-button--large.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-button.clll-button--large.clll-button--rounded {\n border-radius: var(--clll-rounded-2xl);\n}\n.clll-button.clll-button--large.clll-button--no-content {\n padding: var(--clll-px-xl);\n}\n.clll-button.clll-button--xlarge {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-5xl);\n}\n.clll-button.clll-button--xlarge.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-button.clll-button--xlarge.clll-button--rounded {\n border-radius: var(--clll-rounded-3xl);\n}\n.clll-button.clll-button--xlarge.clll-button--no-content {\n padding: var(--clll-px-2xl);\n}\n.clll-button .clll-button__content {\n flex: 1 1 0%;\n}\n.clll-button .clll-button__content.clll-button__content--left {\n text-align: left;\n}\n.clll-button .clll-button__content.clll-button__content--center {\n text-align: center;\n}\n.clll-button .clll-button__content.clll-button__content--right {\n text-align: right;\n}\n.clll-button.clll-button--no-content {\n display: flex;\n align-items: center;\n}\n.clll-button.clll-button--no-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-0);\n}\n.clll-button.clll-button--no-content .clll-button__content {\n position: absolute;\n left: -100%;\n}\n.clll-button.clll-button--no-content.clll-button--left {\n justify-content: flex-start;\n}\n.clll-button.clll-button--no-content.clll-button--center {\n justify-content: center;\n}\n.clll-button.clll-button--no-content.clll-button--right {\n justify-content: flex-end;\n}\n.clll-button.clll-button--no-content.clll-button--rounded {\n border-radius: var(--clll-rounded-full);\n}\n.clll-button.clll-button--wrapped {\n padding: var(--clll-unit-0);\n}\n.clll-button.clll-button--wrapped.clll-button--transparent {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-button.clll-button--wrapped.clll-button--transparent:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--wrapped.clll-button--transparent:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--wrapped.clll-button--transparent[type=checkbox], .clll-button.clll-button--wrapped.clll-button--transparent[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--busy {\n pointer-events: none;\n}\n.clll-button.clll-button--busy .clll-icon,\n.clll-button.clll-button--busy .clll-button__content {\n opacity: 0;\n}\n.clll-button.clll-button--link {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-button.clll-button--link:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--link:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--link[type=checkbox], .clll-button.clll-button--link[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--link:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-button.clll-button--link:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-button.clll-button--link.clll-button--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-button.clll-button--link .clll-button__content {\n color: inherit;\n}\n.clll-button.clll-button--pill {\n border: 0;\n padding: var(--clll-unit-0);\n background-color: transparent;\n outline-offset: -0.5px;\n}\n.clll-button.clll-button--pill:focus {\n box-shadow: none;\n}\n.clll-button.clll-button--pill.clll-button--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-button.clll-button--pill .clll-button__content {\n line-height: 0;\n}\n.clll-button:disabled {\n pointer-events: none;\n opacity: 0.25;\n}\n.clll-button.clll-button--elevated {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-card {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid;\n width: var(--d71b28d6);\n height: var(--3fe7e590);\n flex-direction: column;\n}\n.clll-card .clll-card__content {\n position: relative;\n width: 100%;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-4);\n}\n.clll-card .clll-card__header {\n position: relative;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__header > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-card .clll-card__slot-content {\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-card .clll-card__hover-elem {\n z-index: 0;\n position: absolute;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.05);\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: all 300ms ease;\n}\n.clll-card.clll-card--image-before, .clll-card.clll-card--image-after {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.clll-card.clll-card--image-before .clll-card__content, .clll-card.clll-card--image-after .clll-card__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1 1 0%;\n}\n.clll-card.clll-card--image-before .clll-card__content .clll-card__slot, .clll-card.clll-card--image-after .clll-card__content .clll-card__slot {\n flex: 1 1 0%;\n}\n.clll-card.clll-card--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-card.clll-card--light {\n border-color: var(--clll-color-neutral-200);\n background-color: var(--clll-color-neutral-100);\n}\n.clll-card.clll-card--dark {\n border-color: var(--clll-color-neutral-900);\n background-color: var(--clll-color-neutral-800);\n}\n.clll-card.clll-card--dark .clll-card__slot-content {\n color: var(--clll-color-neutral-100);\n}\n.clll-card.clll-card--default, .clll-card.clll-card--secondary {\n border-color: var(--clll-color-secondary-600);\n background-color: var(--clll-color-secondary-100);\n}\n.clll-card.clll-card--primary {\n border-color: var(--clll-color-primary-600);\n background-color: var(--clll-color-primary-100);\n}\n.clll-card.clll-card--danger {\n border-color: var(--clll-color-danger-600);\n background-color: var(--clll-color-danger-100);\n}\n.clll-card.clll-card--warning {\n border-color: var(--clll-color-warning-600);\n background-color: var(--clll-color-warning-100);\n}\n.clll-card.clll-card--info {\n border-color: var(--clll-color-info-600);\n background-color: var(--clll-color-info-100);\n}\n.clll-card.clll-card--success {\n border-color: var(--clll-color-success-600);\n background-color: var(--clll-color-success-100);\n}\n.clll-card.clll-card--outline, .clll-card.clll-card--outline-secondary {\n border-color: var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-primary {\n border-color: var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-danger {\n border-color: var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-warning {\n border-color: var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-info {\n border-color: var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-success {\n border-color: var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-card.clll-card--tiny {\n padding: var(--clll-unit-1);\n}\n.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-1);\n}\n.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-1) var(--clll-unit-1);\n}\n.clll-card.clll-card--compact {\n padding: var(--clll-unit-2);\n}\n.clll-card.clll-card--compact.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-2);\n}\n.clll-card.clll-card--compact.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-2) var(--clll-unit-2);\n}\n.clll-card.clll-card--small {\n padding: var(--clll-unit-3);\n}\n.clll-card.clll-card--small.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-3);\n}\n.clll-card.clll-card--small.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-3) var(--clll-unit-3);\n}\n.clll-card.clll-card--medium {\n padding: var(--clll-unit-4);\n}\n.clll-card.clll-card--medium.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-4);\n}\n.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-4) var(--clll-unit-4);\n}\n.clll-card.clll-card--large {\n padding: var(--clll-unit-6);\n}\n.clll-card.clll-card--large.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-6);\n}\n.clll-card.clll-card--large.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-6) var(--clll-unit-6);\n}\n.clll-card.clll-card--xlarge {\n padding: var(--clll-unit-8);\n}\n.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-8);\n}\n.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-8) var(--clll-unit-8);\n}\n.clll-card.clll-card--no-content .clll-card__slot {\n position: absolute;\n left: -100%;\n}\n.clll-card.clll-card--active {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}\n.clll-card.clll-card--busy {\n pointer-events: none;\n}\n.clll-card.clll-card--busy .clll-heading,\n.clll-card.clll-card--busy .clll-text,\n.clll-card.clll-card--busy .clll-icon,\n.clll-card.clll-card--busy .clll-card__image__elem {\n opacity: 0;\n}\n.clll-card.clll-card--busy .clll-card__slot-content {\n overflow: hidden;\n}\n.clll-card .clll-card__image {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n display: flex;\n width: var(--053040bc);\n height: var(--f1ee461e);\n background-color: var(--clll-color-secondary-200);\n justify-content: center;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__image .clll-card__image__elem {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.clll-card.clll-card--has-image {\n padding: 0;\n}\n.clll-card.clll-card--has-image .clll-card__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-0);\n}\n.clll-card.clll-card--has-image .clll-card__content .clll-card__slot {\n flex: 1 1 0%;\n}\n.clll-card.clll-card--has-link {\n cursor: pointer;\n outline-offset: 2px;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-card.clll-card--has-link:focus {\n background-color: \"\";\n}\n.clll-card.clll-card--has-link:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-card.clll-card--has-link[type=checkbox], .clll-card.clll-card--has-link[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-card.clll-card--has-link:hover .clll-card__hover-elem {\n opacity: 1;\n}\n.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading {\n text-decoration-line: underline;\n text-underline-offset: var(--clll-py-s-xs);\n}\n.clll-card.clll-card--transparent {\n border: none;\n background-color: transparent;\n}\n.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-card.clll-card--transparent:hover .clll-card__hover-elem {\n opacity: 0;\n}\n.clll-card.clll-card--align-left {\n text-align: left;\n}\n.clll-card.clll-card--align-center {\n text-align: center;\n}\n.clll-card.clll-card--align-right {\n text-align: right;\n}\n.clll-card.clll-card--no-padding {\n padding: 0;\n}\n.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,\n.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot {\n padding: 0;\n}\n.clll-card.clll-card--elevated {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-carousel {\n position: relative;\n}\n.clll-carousel > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slides {\n position: relative;\n}\n@media (min-width: 640px) {\n.clll-carousel .clll-carousel__slides {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.clll-carousel .clll-carousel__slides::-webkit-scrollbar {\n width: 0 !important;\n}\n}\n.clll-carousel .clll-carousel__slides > * {\n flex: none;\n}\n.clll-carousel .clll-carousel__slide-controls {\n display: flex;\n align-items: center;\n}\n.clll-carousel .clll-carousel__slide-controls > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation {\n display: flex;\n align-items: center;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--after, .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--before {\n flex: 1;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--left {\n justify-content: left;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--center {\n justify-content: center;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--right {\n justify-content: right;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__page-indicator,\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__prev-slide,\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__next-slide {\n display: none;\n}\n@media (min-width: 640px) {\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__page-indicator,\n .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__prev-slide,\n .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__next-slide {\n display: block;\n}\n}\n.clll-carousel.clll-carousel--enabled .clll-carousel__slides {\n display: flex;\n width: 100%;\n overflow-x: scroll;\n white-space: nowrap;\n padding: var(--cll-unit-1) 0;\n}\n@media (min-width: 640px) {\n.clll-carousel.clll-carousel--enabled .clll-carousel__slides {\n overflow-x: hidden;\n}\n}\n.clll-carousel.clll-carousel--disabled .clll-carousel__slides {\n display: block;\n}\n.clll-carousel.clll-carousel--disabled .clll-carousel__page-indicator,\n.clll-carousel.clll-carousel--disabled .clll-carousel__prev-slide,\n.clll-carousel.clll-carousel--disabled .clll-carousel__next-slide {\n display: none;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-input__message {\n margin-top: var(--clll-unit-1);\n}\n.clll-input__message .clll-input__message__text {\n font-size: var(--clll-unit-3);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-input__message.clll-input__message--danger {\n color: var(--clll-color-danger-dark-30);\n}\n.clll-input__message.clll-input__message--success {\n color: var(--clll-color-success-dark-30);\n}\n.clll-input__message.clll-input__message--warning {\n color: var(--clll-color-warning-dark-30);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-checkbox {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n align-items: flex-start;\n flex-direction: column;\n overflow: visible;\n}\n.clll-checkbox .clll-checkbox__label {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n text-align: left;\n user-select: none;\n cursor: pointer;\n}\n.clll-checkbox .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-checkbox .clll-checkbox__label .clll-text.clll-checkbox__label--required::after {\n font-weight: 500;\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-checkbox .clll-checkbox__checkbox-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame .clll-checkbox__checkbox {\n background-color: white;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame .clll-checkbox__checkbox:not(:checked) + .clll-checkbox__icon {\n display: none;\n}\n.clll-checkbox .clll-checkbox__icon {\n position: absolute;\n display: inline-flex;\n}\n.clll-checkbox .clll-checkbox__checkbox {\n display: inline-block;\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox .clll-checkbox__checkbox[type=checkbox], .clll-checkbox .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-secondary-light-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--rounded .clll-checkbox__checkbox {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-primary-dark-15);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus-visible {\n outline: 2px solid var(--clll-color-primary-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=checkbox], .clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=radio] {\n border-color: var(--clll-color-primary-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: white;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label {\n cursor: not-allowed;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-text {\n color: var(--clll-color-secondary-light);\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-secondary-light-60);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-45);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=checkbox], .clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=radio] {\n border-color: var(--clll-color-secondary-light-45) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-secondary-light-30);\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-danger-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-danger-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-danger-dark-30);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-success-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-success-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-success-dark);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: white;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-warning-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-warning-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-warning-dark-30);\n}\n.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1_5);\n}\n.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2_5);\n}\n.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-7);\n height: var(--clll-unit-7);\n}\n.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-disclosure {\n border: 1px solid var(--clll-color-secondary-500);\n background-color: white;\n}\n.clll-disclosure.clll-disclosure--padded .clll-disclosure__content {\n padding: var(--clll-unit-5);\n}\n.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content {\n display: none;\n}\n.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__trigger .clll-button {\n border-radius: var(--clll-rounded-md);\n}\n.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content {\n display: block;\n}\n.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button {\n border-top-right-radius: var(--clll-rounded-md);\n border-top-left-radius: var(--clll-rounded-md);\n}\n.clll-disclosure.clll-disclosure--rounded {\n border-radius: var(--clll-rounded-md);\n}\n.clll-disclosure .clll-disclosure__trigger {\n padding: var(--clll-unit-0_5);\n}\n.clll-disclosure .clll-disclosure__trigger .clll-button {\n padding: var(--clll-unit-5);\n}\n.clll-disclosure .clll-disclosure__content {\n border-top: 1px solid var(--clll-color-secondary-200);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-heading {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-heading.clll-heading--pagetitle {\n font-weight: 700;\n font-size: var(--clll-unit-12);\n line-height: var(--clll-unit-14);\n}\n.clll-heading.clll-heading--title {\n font-weight: 600;\n font-size: var(--clll-unit-6);\n line-height: var(--clll-unit-8);\n}\n.clll-heading.clll-heading--section {\n font-weight: 600;\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-heading.clll-heading--subsection {\n font-weight: 500;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-heading.clll-heading--light {\n color: var(--clll-color-neutral-100);\n}\n.clll-heading.clll-heading--dark {\n color: var(--clll-color-neutral-800);\n}\n.clll-heading.clll-heading--left {\n text-align: left;\n}\n.clll-heading.clll-heading--center {\n text-align: center;\n}\n.clll-heading.clll-heading--right {\n text-align: right;\n}\n.clll-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--36eabed0);\n height: var(--36eabed0);\nsvg {\npath {\n stroke-width: var(--694fd9f0);\n}\n}\n}\n/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-input {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-input.clll-input--haslabel:not(.clll-input--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--haslabel .clll-input__label .clll-text {\n font-weight: 500;\n}\n.clll-input.clll-input--haslabel .clll-input__label .clll-text.clll-input__label--required::after {\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-input .clll-input__input-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-input .clll-input__input {\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-input .clll-input__input[type=checkbox], .clll-input .clll-input__input[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--hascustomprefix, .clll-input.clll-input--hascustomsuffix, .clll-input.clll-input--hasfloatinglabel, .clll-input.clll-input--grouped {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n background: white;\n border: 1px solid var(--clll-color-secondary-light-45);\n border-radius: var(--clll-rounded-xs);\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0px;\n}\n.clll-input.clll-input--hascustomprefix:focus-within, .clll-input.clll-input--hascustomsuffix:focus-within, .clll-input.clll-input--hasfloatinglabel:focus-within, .clll-input.clll-input--grouped:focus-within {\n outline: 1px solid var(--clll-color-secondary-light-15);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--hascustomprefix input, .clll-input.clll-input--hascustomsuffix input, .clll-input.clll-input--hasfloatinglabel input, .clll-input.clll-input--grouped input {\n border: 0;\n}\n.clll-input.clll-input--hascustomprefix .clll-input__input, .clll-input.clll-input--hascustomsuffix .clll-input__input, .clll-input.clll-input--hasfloatinglabel .clll-input__input, .clll-input.clll-input--grouped .clll-input__input {\n outline: none;\n}\n.clll-input.clll-input--hascustomprefix .clll-input__input:focus, .clll-input.clll-input--hascustomsuffix .clll-input__input:focus, .clll-input.clll-input--hasfloatinglabel .clll-input__input:focus, .clll-input.clll-input--grouped .clll-input__input:focus {\n outline: none;\n box-shadow: none;\n}\n.clll-input .clll-input__input-prefix,\n.clll-input .clll-input__input-suffix {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--clll-color-secondary-light-45);\n pointer-events: none;\n user-select: none;\n height: 100%;\n}\n.clll-input .clll-input__input-prefix.clll-input__input-prefix--icon, .clll-input .clll-input__input-prefix.clll-input__input-suffix--icon,\n.clll-input .clll-input__input-suffix.clll-input__input-prefix--icon,\n.clll-input .clll-input__input-suffix.clll-input__input-suffix--icon {\n position: absolute;\n box-sizing: border-box;\n}\n.clll-input .clll-input__input-prefix.clll-input__input-prefix--string, .clll-input .clll-input__input-prefix.clll-input__input-suffix--string,\n.clll-input .clll-input__input-suffix.clll-input__input-prefix--string,\n.clll-input .clll-input__input-suffix.clll-input__input-suffix--string {\n position: relative;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n}\n.clll-input .clll-input__input-prefix {\n left: 0;\n}\n.clll-input .clll-input__input-suffix {\n right: 0;\n}\n.clll-input .clll-icon {\n color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--rounded .clll-input__input-container,\n.clll-input.clll-input--rounded .clll-input__input {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--disabled .clll-input__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--disabled .clll-input__input-container .clll-input__input {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--readonly .clll-input__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--readonly .clll-input__input-container .clll-input__input {\n cursor: not-allowed;\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--danger .clll-input__input {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--danger .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--danger .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-input.clll-input--danger .clll-input__input[type=checkbox], .clll-input.clll-input--danger .clll-input__input[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--success .clll-input__input {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--success .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--success .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-input.clll-input--success .clll-input__input[type=checkbox], .clll-input.clll-input--success .clll-input__input[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--warning .clll-input__input {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--warning .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--warning .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-input.clll-input--warning .clll-input__input[type=checkbox], .clll-input.clll-input--warning .clll-input__input[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-sm) var(--clll-px-sm);\n margin-right: var(--clll-px-sm);\n}\n.clll-input.clll-input--tiny.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-0_5);\n left: var(--clll-unit-2);\n}\n.clll-input.clll-input--tiny.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-5);\n}\n.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-1);\n}\n.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-6);\n}\n.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix {\n right: 0;\n padding: 0 var(--clll-unit-1);\n}\n.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-6);\n}\n.clll-input.clll-input--tiny.clll-input--hascustomprefix, .clll-input.clll-input--tiny.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-9);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-9);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-input.clll-input--small .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-md) var(--clll-px-md);\n margin-right: var(--clll-px-md);\n}\n.clll-input.clll-input--small.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--small.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-6);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) {\n padding-left: var(--clll-unit-1_5);\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string {\n padding-left: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-9);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) {\n padding-left: var(--clll-unit-1_5);\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string {\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-9);\n}\n.clll-input.clll-input--small.clll-input--hascustomprefix, .clll-input.clll-input--small.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-10);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-10);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--medium .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-input.clll-input--medium .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-xl) var(--clll-px-lg);\n margin-right: var(--clll-px-lg);\n}\n.clll-input.clll-input--medium.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-3);\n}\n.clll-input.clll-input--medium.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-7);\n}\n.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-1_5);\n}\n.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-10);\n}\n.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-1_5);\n}\n.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-10);\n}\n.clll-input.clll-input--medium.clll-input--hascustomprefix, .clll-input.clll-input--medium.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-17);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-17);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--large .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-input.clll-input--large .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-2xl) var(--clll-px-2xl);\n margin-right: var(--clll-px-2xl);\n}\n.clll-input.clll-input--large.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-4);\n}\n.clll-input.clll-input--large.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-8);\n}\n.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-2);\n}\n.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-12);\n}\n.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-2);\n}\n.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-12);\n}\n.clll-input.clll-input--large.clll-input--hascustomprefix, .clll-input.clll-input--large.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n}\n.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-18);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-18);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-4xl) var(--clll-px-3xl);\n margin-right: var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-5);\n}\n.clll-input.clll-input--xlarge.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-9);\n}\n.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-2_5);\n}\n.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-14);\n}\n.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-2_5);\n}\n.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-14);\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomprefix, .clll-input.clll-input--xlarge.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-20);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-4);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-20);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-4);\n}\n.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container, .clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container {\n padding-left: 0;\n}\n.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container, .clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container {\n padding-right: 0;\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--grouped .clll-input__input-suffix {\n background-color: var(--clll-color-secondary-light-60);\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix .clll-icon,\n.clll-input.clll-input--grouped .clll-input__input-suffix .clll-icon {\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--grouped .clll-input__input-suffix {\n border-top-right-radius: var(--clll-rounded-xs);\n border-bottom-right-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix {\n border-top-left-radius: var(--clll-rounded-xs);\n border-bottom-left-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--hasfloatinglabel .clll-input__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-input.clll-input--hasfloatinglabel .clll-input__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--fluid {\n width: 100%;\n}\n.clll-input.clll-input--fluid .clll-input__input-container {\n width: 100%;\n}\n.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input {\n width: 100%;\n}\n.clll-input.clll-input--hidden .clll-input__input-container {\n display: none;\n}\n.clll-input.clll-input--file .clll-input__input-container .clll-input__input {\n cursor: pointer;\n padding-top: 0;\n padding-left: 0;\n padding-bottom: 0;\n}\n.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button {\n cursor: pointer;\n background-color: var(--clll-color-secondary-light-60);\n border: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-link {\n cursor: pointer;\n}\n.clll-link.clll-link--underline {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n text-decoration-line: underline;\n text-underline-offset: var(--clll-unit-0_5);\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-link.clll-link--underline:focus {\n background-color: \"\";\n}\n.clll-link.clll-link--underline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-link.clll-link--underline[type=checkbox], .clll-link.clll-link--underline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-link.clll-link--underline:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-link.clll-link--underline:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-link.clll-link--nounderline {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-link.clll-link--nounderline:focus {\n background-color: \"\";\n}\n.clll-link.clll-link--nounderline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-link.clll-link--nounderline[type=checkbox], .clll-link.clll-link--nounderline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-link.clll-link--nounderline:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-link.clll-link--nounderline:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-link .clll-text {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n}\n.clll-link.clll-link--external .clll-icon {\n padding-left: var(--clll-px-s-xs);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-menu__menu .clll-menu__dropdown {\n position: absolute;\n display: block;\n top: auto;\n z-index: var(--7e8238c6);\n margin-top: var(--clll-unit-1);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-nav-section {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--horizontal {\n display: inline-block;\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-0);\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n}\n@media (min-width: 1280px) {\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-8);\n}\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--horizontal .clll-nav-section__item {\n display: inline-block;\n}\n}\n.clll-nav-section.clll-nav-section--vertical > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--vertical > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-4);\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-pill {\n position: relative;\n overflow: hidden;\n border-radius: var(--clll-rounded-xs);\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n}\n.clll-pill.clll-pill--has-icon > :not([hidden]) ~ :not([hidden]), .clll-pill.clll-pill--has-count > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-pill .clll-pill__count {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n display: block;\n font-weight: 500;\n color: var(--clll-color-neutral-900);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n background-color: var(--clll-color-neutral-200);\n}\n.clll-pill .clll-pill__label {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n display: block;\n font-weight: 500;\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-pill.clll-pill--has-count .clll-pill__label {\n padding-right: var(--clll-px-s-sm);\n}\n.clll-pill.clll-pill--has-icon {\n padding-left: var(--clll-px-sm);\n}\n.clll-pill.clll-pill--has-icon .clll-pill__label {\n padding-left: var(--clll-px-s-sm);\n}\n.clll-pill.clll-pill--clickable {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n}\n.clll-pill.clll-pill--light {\n background-color: var(--clll-color-neutral-100);\n}\n.clll-pill.clll-pill--light.clll-pill--clickable:hover {\n background-color: var(--clll-color-neutral-200);\n}\n.clll-pill.clll-pill--dark {\n background-color: var(--clll-color-neutral-700);\n}\n.clll-pill.clll-pill--dark .clll-icon,\n.clll-pill.clll-pill--dark .clll-pill__count,\n.clll-pill.clll-pill--dark .clll-pill__label {\n color: var(--clll-color-neutral-100);\n}\n.clll-pill.clll-pill--dark .clll-pill__count {\n background-color: var(--clll-color-neutral-800);\n}\n.clll-pill.clll-pill--dark.clll-pill--clickable:hover {\n background-color: var(--clll-color-neutral-900);\n}\n.clll-pill.clll-pill--primary {\n background-color: var(--clll-color-primary-300);\n}\n.clll-pill.clll-pill--primary span:nth-child(2) {\n background-color: var(--clll-color-primary-400);\n}\n.clll-pill.clll-pill--primary.clll-pill--clickable:hover {\n background-color: var(--clll-color-primary-600);\n}\n.clll-pill.clll-pill--default, .clll-pill.clll-pill--secondary {\n background-color: var(--clll-color-secondary-300);\n}\n.clll-pill.clll-pill--default span:nth-child(2), .clll-pill.clll-pill--secondary span:nth-child(2) {\n background-color: var(--clll-color-secondary-400);\n}\n.clll-pill.clll-pill--default.clll-pill--clickable:hover, .clll-pill.clll-pill--secondary.clll-pill--clickable:hover {\n background-color: var(--clll-color-secondary-600);\n}\n.clll-pill.clll-pill--danger {\n background-color: var(--clll-color-danger-300);\n}\n.clll-pill.clll-pill--danger span:nth-child(2) {\n background-color: var(--clll-color-danger-400);\n}\n.clll-pill.clll-pill--danger.clll-pill--clickable:hover {\n background-color: var(--clll-color-danger-600);\n}\n.clll-pill.clll-pill--warning {\n background-color: var(--clll-color-warning-300);\n}\n.clll-pill.clll-pill--warning span:nth-child(2) {\n background-color: var(--clll-color-warning-400);\n}\n.clll-pill.clll-pill--warning.clll-pill--clickable:hover {\n background-color: var(--clll-color-warning-600);\n}\n.clll-pill.clll-pill--success {\n background-color: var(--clll-color-success-300);\n}\n.clll-pill.clll-pill--success span:nth-child(2) {\n background-color: var(--clll-color-success-400);\n}\n.clll-pill.clll-pill--success.clll-pill--clickable:hover {\n background-color: var(--clll-color-success-600);\n}\n.clll-pill.clll-pill--info {\n background-color: var(--clll-color-info-300);\n}\n.clll-pill.clll-pill--info span:nth-child(2) {\n background-color: var(--clll-color-info-400);\n}\n.clll-pill.clll-pill--info.clll-pill--clickable:hover {\n background-color: var(--clll-color-info-600);\n}\n.clll-pill.clll-pill--outline, .clll-pill.clll-pill--outline-secondary {\n border: 1px var(--clll-color-secondary-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline span:nth-child(2), .clll-pill.clll-pill--outline-secondary span:nth-child(2) {\n border-left: 1px solid var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline.clll-pill--clickable:hover, .clll-pill.clll-pill--outline-secondary.clll-pill--clickable:hover {\n border-color: var(--clll-color-secondary-700);\n}\n.clll-pill.clll-pill--outline-primary {\n border: 1px var(--clll-color-primary-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-primary span:nth-child(2) {\n border-left: 1px solid var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-primary.clll-pill--clickable:hover {\n border-color: var(--clll-color-primary-700);\n}\n.clll-pill.clll-pill--outline-danger {\n border: 1px var(--clll-color-danger-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-danger span:nth-child(2) {\n border-left: 1px solid var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-danger.clll-pill--clickable:hover {\n border-color: var(--clll-color-danger-700);\n}\n.clll-pill.clll-pill--outline-warning {\n border: 1px var(--clll-color-warning-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-warning span:nth-child(2) {\n border-left: 1px solid var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-warning.clll-pill--clickable:hover {\n border-color: var(--clll-color-warning-700);\n}\n.clll-pill.clll-pill--outline-success {\n border: 1px var(--clll-color-success-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-success span:nth-child(2) {\n border-left: 1px solid var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-success.clll-pill--clickable:hover {\n border-color: var(--clll-color-success-700);\n}\n.clll-pill.clll-pill--outline-info {\n border: 1px var(--clll-color-info-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-info span:nth-child(2) {\n border-left: 1px solid var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-info.clll-pill--clickable:hover {\n border-color: var(--clll-color-info-700);\n}\n.clll-pill.clll-pill--elevated {\n box-shadow: 0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-radiobutton {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n align-items: flex-start;\n flex-direction: column;\n overflow: visible;\n}\n.clll-radiobutton .clll-radiobutton__label {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n text-align: left;\n user-select: none;\n cursor: pointer;\n}\n.clll-radiobutton .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-radiobutton .clll-radiobutton__label .clll-text {\n display: inline-flex;\n align-items: center;\n}\n.clll-radiobutton .clll-radiobutton__label .clll-text .clll-radiobutton__label--required {\n font-size: var(--clll-unit-5);\n color: var(--clll-color-danger-dark-30);\n margin-left: var(--clll-unit-0_5);\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton {\n background-color: white;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked) + .clll-radiobutton__indicator {\n display: none;\n}\n.clll-radiobutton .clll-radiobutton__indicator {\n position: absolute;\n display: inline-flex;\n border-radius: var(--clll-rounded-full);\n background-color: white;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton {\n display: inline-block;\n appearance: none;\n background-color: white;\n border-width: 1px;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton {\n border-radius: var(--clll-rounded-full);\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-primary-dark-15);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus-visible {\n outline: 2px solid var(--clll-color-primary-dark-15);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=checkbox], .clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=radio] {\n border-color: var(--clll-color-primary-dark-15) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label {\n cursor: not-allowed;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-secondary-light-60);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-45);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=checkbox], .clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=radio] {\n border-color: var(--clll-color-secondary-light-45) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-secondary-light-45);\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-text {\n color: var(--clll-color-secondary-light-30);\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-danger-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-danger-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-danger-dark-30);\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-success-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-success-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-success-dark);\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-warning-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-warning-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-warning-dark-30);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1_5);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-1_5);\n height: var(--clll-unit-1_5);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-2);\n height: var(--clll-unit-2);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2_5);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-2_5);\n height: var(--clll-unit-2_5);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-7);\n height: var(--clll-unit-7);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-3);\n height: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-3_5);\n height: var(--clll-unit-3_5);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-select {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-select.clll-select--haslabel:not(.clll-select--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-select.clll-select--haslabel .clll-select__label {\n text-align: left;\n}\n.clll-select.clll-select--haslabel .clll-select__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-select.clll-select--haslabel .clll-select__label .clll-text.clll-select__label--required::after {\n font-weight: 500;\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-select .clll-select__select-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-select .clll-select__select-container .clll-select__select {\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select .clll-select__select-container .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select .clll-select__select-container .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-select .clll-select__select-container .clll-select__select[type=checkbox], .clll-select .clll-select__select-container .clll-select__select[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-select .clll-select__icon {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.clll-select .clll-select__icon .clll-icon {\n color: var(--clll-color-secondary-light-15);\n}\n.clll-select.clll-select--rounded .clll-select__select-container,\n.clll-select.clll-select--rounded .clll-select__select {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-select.clll-select--default .clll-select__select-container {\n border-color: var(--clll-color-secondary-light-30);\n}\n.clll-select.clll-select--disabled .clll-select__select-container {\n background-color: var(--clll-color-secondary-light-60);\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-select.clll-select--disabled .clll-select__select-container .clll-select__select {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-select.clll-select--danger .clll-select__select {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--danger .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--danger .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-select.clll-select--danger .clll-select__select[type=checkbox], .clll-select.clll-select--danger .clll-select__select[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--success .clll-select__select {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--success .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--success .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-select.clll-select--success .clll-select__select[type=checkbox], .clll-select.clll-select--success .clll-select__select[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--warning .clll-select__select {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--warning .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--warning .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-select.clll-select--warning .clll-select__select[type=checkbox], .clll-select.clll-select--warning .clll-select__select[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-xs);\n padding-right: var(--clll-unit-5);\n}\n.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-1);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-5);\n padding-right: var(--clll-unit-9);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__icon {\n padding-right: var(--clll-unit-2);\n}\n.clll-select.clll-select--small .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-sm);\n padding-right: var(--clll-unit-7);\n}\n.clll-select.clll-select--small .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-2);\n}\n.clll-select.clll-select--small.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-2_5);\n}\n.clll-select.clll-select--small.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-6);\n padding-right: var(--clll-unit-11);\n}\n.clll-select.clll-select--medium .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-md);\n padding-right: var(--clll-unit-10);\n}\n.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-3);\n}\n.clll-select.clll-select--medium.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-3);\n}\n.clll-select.clll-select--medium.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-7);\n padding-right: var(--clll-unit-13);\n}\n.clll-select.clll-select--large .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-lg);\n padding-right: var(--clll-unit-14);\n}\n.clll-select.clll-select--large .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-select.clll-select--large.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-3_5);\n}\n.clll-select.clll-select--large.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-8);\n}\n.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-xl) var(--clll-px-xl);\n padding-right: var(--clll-unit-18);\n}\n.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-4);\n}\n.clll-select.clll-select--xlarge.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-4);\n}\n.clll-select.clll-select--xlarge.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-9);\n}\n.clll-select.clll-select--hasfloatinglabel .clll-select__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-select.clll-select--hasfloatinglabel .clll-select__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-select.clll-select--fluid {\n width: 100%;\n}\n.clll-select.clll-select--fluid .clll-select__select-container {\n width: 100%;\n}\n.clll-select.clll-select--hidden {\n display: none;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-skeleton {\n position: relative;\n overflow: hidden;\n width: var(--0e6ed535);\n height: var(--b4c650d0);\n background-color: rgba(0, 0, 0, 0.075);\n}\n.clll-skeleton.clll-skeleton--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-skeleton .clll-skeleton__animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 14rem;\n height: 100%;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n animation: animate infinite 2s ease-in-out;\n}\n@keyframes animate {\nfrom {\n left: -14rem;\n}\nto {\n left: 100%;\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-spinner {\n display: flex;\n}\n.clll-spinner.clll-spinner--absolute {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.clll-spinner.clll-spinner--relative {\n position: relative;\n}\n.clll-spinner.clll-spinner--primary {\n color: var(--clll-color-primary-500);\n}\n.clll-spinner.clll-spinner--default, .clll-spinner.clll-spinner--secondary {\n color: var(--clll-color-secondary-800);\n}\n.clll-spinner.clll-spinner--light {\n color: var(--clll-color-secondary-100);\n}\n.clll-spinner.clll-spinner--dark {\n color: var(--clll-color-secondary-900);\n}\n.clll-spinner.clll-spinner--danger {\n color: var(--clll-color-danger-500);\n}\n.clll-spinner.clll-spinner--warning {\n color: var(--clll-color-warning-500);\n}\n.clll-spinner.clll-spinner--success {\n color: var(--clll-color-success-500);\n}\n.clll-spinner.clll-spinner--info {\n color: var(--clll-color-info-500);\n}\n.clll-spinner.clll-spinner--left {\n align-items: center;\n justify-content: flex-start;\n}\n.clll-spinner.clll-spinner--center {\n align-items: center;\n justify-content: center;\n}\n.clll-spinner.clll-spinner--right {\n align-items: center;\n justify-content: flex-end;\n}\n.clll-spinner .clll-spinner__circle {\n animation: spin 1s linear infinite;\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--small {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--large {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge {\n width: var(--clll-unit-10);\n height: var(--clll-unit-10);\n}\n@keyframes spin {\nto {\n transform: rotate(360deg);\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-table-container.clll-table--rounded {\n overflow: hidden;\n border-radius: var(--clll-rounded-sm);\n}\n.clll-table-container.clll-table--bordered {\n border: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border-collapse: collapse;\n border-spacing: 0;\n vertical-align: baseline;\n position: relative;\n table-layout: auto;\n width: 100%;\n}\n.clll-table-container .clll-table .clll-table__row {\n height: var(--36f1cb79);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child {\n border-bottom: 0;\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row {\n border-top: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-3) var(--clll-unit-4);\n}\n.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-2_5);\n}\n.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-2);\n}\n.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(even) {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-table__cell {\n text-align: left;\n max-width: 0;\n}\n.clll-table__cell > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-table__cell.clll-table__cell--number, .clll-table__cell.clll-table__cell--hasactions {\n text-align: right;\n}\n.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-table__cell.clll-table__cell--active {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table__cell.clll-table__cell--clickable {\n cursor: pointer;\n}.clll-table__footer .clll-table__row .clll-table__cell {\n font-weight: 700;\n}.clll-table__row.clll-table__row--clickable {\n cursor: pointer;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-text {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n color: var(--clll-color-neutral-100);\n}\n.clll-text.clll-text--body {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-text.clll-text--summary {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-text.clll-text--tiny {\n font-size: var(--clll-unit-2_5);\n line-height: var(--clll-unit-3_5);\n}\n.clll-text.clll-text--small {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-text.clll-text--medium {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-text.clll-text--large {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n}\n.clll-text.clll-text--xlarge {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-text.clll-text--light {\n color: var(--clll-color-neutral-200);\n}\n.clll-text.clll-text--dark {\n color: var(--clll-color-neutral-600);\n}\n.clll-text.clll-text--wrap {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.clll-text.clll-link--dark {\n color: var(--clll-color-neutral-600);\n}\n.clll-text.clll-text--label {\n font-weight: 500;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-textarea {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-textarea.clll-textarea--haslabel:not(.clll-textarea--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text {\n font-weight: 500;\n}\n.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text.clll-textarea__label--required::after {\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-textarea .clll-textarea__input-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-textarea .clll-textarea__input {\n resize: none;\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-textarea .clll-textarea__input[type=checkbox], .clll-textarea .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--resizable .clll-textarea__input {\n resize: both;\n}\n.clll-textarea.clll-textarea--rounded .clll-textarea__input-container,\n.clll-textarea.clll-textarea--rounded .clll-textarea__input {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-textarea.clll-textarea--disabled .clll-textarea__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-textarea.clll-textarea--disabled .clll-textarea__input-container .clll-textarea__input {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-textarea.clll-textarea--readonly .clll-textarea__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-textarea.clll-textarea--readonly .clll-textarea__input-container .clll-textarea__input {\n cursor: not-allowed;\n resize: none;\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--danger .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--success .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--warning .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--tiny .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-textarea.clll-textarea--tiny.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-0_5);\n left: var(--clll-unit-2);\n}\n.clll-textarea.clll-textarea--tiny.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-5);\n}\n.clll-textarea.clll-textarea--small .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-textarea.clll-textarea--small.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2_5);\n}\n.clll-textarea.clll-textarea--small.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-6);\n}\n.clll-textarea.clll-textarea--medium .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-textarea.clll-textarea--medium.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-3);\n}\n.clll-textarea.clll-textarea--medium.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-7);\n}\n.clll-textarea.clll-textarea--large .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-textarea.clll-textarea--large.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-4);\n}\n.clll-textarea.clll-textarea--large.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-8);\n}\n.clll-textarea.clll-textarea--xlarge .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-textarea.clll-textarea--xlarge.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-5);\n}\n.clll-textarea.clll-textarea--xlarge.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-9);\n}\n.clll-textarea.clll-textarea--hasfloatinglabel .clll-textarea__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-textarea.clll-textarea--hasfloatinglabel .clll-textarea__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-textarea.clll-textarea--fluid {\n width: 100%;\n}\n.clll-textarea.clll-textarea--fluid .clll-textarea__input-container {\n width: 100%;\n}\n.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input {\n width: 100%;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-toast {\n position: fixed;\n left: 0;\n bottom: var(--clll-unit-4);\n right: 0;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n width: 90%;\n background-color: var(--clll-color-neutral-900);\n transform: translateY(100vh);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}\n@media (min-width: 768px) {\n.clll-toast {\n width: var(--396b261b);\n bottom: var(--clll-unit-8);\n}\n}\n.clll-toast .clll-toast__body {\n display: flex;\n align-items: center;\n padding-top: var(--clll-unit-2_5);\n padding-left: var(--clll-unit-4);\n padding-bottom: var(--clll-unit-2_5);\n padding-right: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body .clll-toast__content {\n display: flex;\n align-items: center;\n flex: 1 1 0%;\n}\n.clll-toast .clll-toast__body .clll-toast__content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: white;\n padding: var(--clll-unit-2);\n border-radius: var(--clll-rounded-full);\n}\n.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text {\n flex: 1 1 0%;\n}\n.clll-toast .clll-toast__timer-bar {\n position: absolute;\n left: 0;\n bottom: 0;\n height: var(--clll-unit-1);\n background-color: white;\n transform-origin: left;\n width: 100%;\n transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(0) scaleY(0);\n}\n.clll-toast.clll-toast--has-icon .clll-toast__body {\n padding-top: var(--clll-unit-2);\n padding-bottom: var(--clll-unit-2);\n}\n.clll-toast.clll-toast--has-titleandmessage .clll-toast__body {\n padding-top: var(--clll-unit-4);\n padding-bottom: var(--clll-unit-4);\n}\n.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large {\n font-weight: 500;\n}\n.clll-toast.clll-toast--mounted {\n transform: translateY(0);\n}\n.clll-toast.clll-toast--rounded {\n border-radius: var(--clll-rounded-sm);\n}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
|
|
4
|
+
try{if(typeof document != 'undefined'){var elementStyle = document.createElement('style');elementStyle.appendChild(document.createTextNode("/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-a11y__button {\n display: inline-block;\n}\n.clll-a11y__button.--enabled {\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-a11y__button.--enabled:focus {\n background-color: \"\";\n}\n.clll-a11y__button.--enabled:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-a11y__button.--enabled[type=checkbox], .clll-a11y__button.--enabled[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-a11y__button.--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-a11y__button.--fluid {\n display: block;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-badge {\n position: relative;\n overflow: hidden;\n border-radius: var(--clll-rounded-full);\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n padding: var(--clll-py-xs) var(--clll-px-xs);\n}\n.clll-badge .clll-badge__count {\n font-weight: 400;\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-badge.clll-badge--light {\n background-color: var(--clll-color-neutral-100);\n}\n.clll-badge.clll-badge--dark {\n background-color: var(--clll-color-neutral-800);\n}\n.clll-badge.clll-badge--dark .clll-badge__count {\n color: var(--clll-color-neutral-100);\n}\n.clll-badge.clll-badge--primary {\n background-color: var(--clll-color-primary-500);\n}\n.clll-badge.clll-badge--default, .clll-badge.clll-badge--secondary {\n background-color: var(--clll-color-secondary-500);\n}\n.clll-badge.clll-badge--danger {\n background-color: var(--clll-color-danger-500);\n}\n.clll-badge.clll-badge--warning {\n background-color: var(--clll-color-warning-500);\n}\n.clll-badge.clll-badge--success {\n background-color: var(--clll-color-success-500);\n}\n.clll-badge.clll-badge--info {\n background-color: var(--clll-color-info-500);\n}\n.clll-badge.clll-badge--outline, .clll-badge.clll-badge--outline-secondary {\n border: 1px var(--clll-color-secondary-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-primary {\n border: 1px var(--clll-color-primary-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-danger {\n border: 1px var(--clll-color-danger-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-warning {\n border: 1px var(--clll-color-warning-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-success {\n border: 1px var(--clll-color-success-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--outline-info {\n border: 1px var(--clll-color-info-600) solid;\n background-color: transparent;\n}\n.clll-badge.clll-badge--elevated {\n box-shadow: 0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-banner {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n width: var(--73b4fc45);\n height: var(--2dc8daf0);\n border-bottom: solid 0.25rem;\n padding: var(--clll-py-3xl) var(--clll-px-2xl);\n}\n.clll-banner .clll-banner__content {\n position: relative;\n z-index: var(--clll-z-index-10);\n width: 100%;\n}\n.clll-banner .clll-banner__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-banner.clll-banner--dismissable .clll-banner__content {\n padding-top: var(--clll-unit-2);\n padding-right: var(--clll-unit-12);\n padding-bottom: var(--clll-unit-2);\n}\n.clll-banner.clll-banner--dismissable .clll-banner__dismiss-button {\n position: absolute;\n top: var(--clll-unit-4);\n right: var(--clll-unit-4);\n z-index: var(--clll-z-index-10);\n}\n.clll-banner.clll-banner--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-banner.clll-banner--light {\n background-color: var(--clll-color-neutral-100);\n border-left: 1px solid var(--clll-color-neutral-200);\n border-right: 1px solid var(--clll-color-neutral-200);\n border-top: 1px solid var(--clll-color-neutral-200);\n border-bottom-color: var(--clll-color-neutral-200);\n}\n.clll-banner.clll-banner--dark {\n background-color: var(--clll-color-neutral-700);\n border-left: 1px solid var(--clll-color-neutral-900);\n border-right: 1px solid var(--clll-color-neutral-900);\n border-top: 1px solid var(--clll-color-neutral-900);\n border-bottom-color: var(--clll-color-neutral-900);\n}\n.clll-banner.clll-banner--primary {\n background-color: var(--clll-color-primary-100);\n border-left: 1px solid var(--clll-color-primary-600);\n border-right: 1px solid var(--clll-color-primary-600);\n border-top: 1px solid var(--clll-color-primary-600);\n border-bottom-color: var(--clll-color-primary-600);\n}\n.clll-banner.clll-banner--default, .clll-banner.clll-banner--secondary {\n background-color: var(--clll-color-secondary-100);\n border-left: 1px solid var(--clll-color-secondary-600);\n border-right: 1px solid var(--clll-color-secondary-600);\n border-top: 1px solid var(--clll-color-secondary-600);\n border-bottom-color: var(--clll-color-secondary-600);\n}\n.clll-banner.clll-banner--danger {\n background-color: var(--clll-color-danger-100);\n border-left: 1px solid var(--clll-color-danger-600);\n border-right: 1px solid var(--clll-color-danger-600);\n border-top: 1px solid var(--clll-color-danger-600);\n border-bottom-color: var(--clll-color-danger-600);\n}\n.clll-banner.clll-banner--warning {\n background-color: var(--clll-color-warning-100);\n border-left: 1px solid var(--clll-color-warning-600);\n border-right: 1px solid var(--clll-color-warning-600);\n border-top: 1px solid var(--clll-color-warning-600);\n border-bottom-color: var(--clll-color-warning-600);\n}\n.clll-banner.clll-banner--success {\n background-color: var(--clll-color-success-100);\n border-left: 1px solid var(--clll-color-success-600);\n border-right: 1px solid var(--clll-color-success-600);\n border-top: 1px solid var(--clll-color-success-600);\n border-bottom-color: var(--clll-color-success-600);\n}\n.clll-banner.clll-banner--info {\n background-color: var(--clll-color-info-100);\n border-left: 1px solid var(--clll-color-info-600);\n border-right: 1px solid var(--clll-color-info-600);\n border-top: 1px solid var(--clll-color-info-600);\n border-bottom-color: var(--clll-color-info-600);\n}\n.clll-banner.clll-banner--outline, .clll-banner.clll-banner--outline-secondary {\n border-left: 1px solid var(--clll-color-secondary-600);\n border-right: 1px solid var(--clll-color-secondary-600);\n border-top: 1px solid var(--clll-color-secondary-600);\n border-bottom-color: var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-primary {\n border-left: 1px solid var(--clll-color-primary-600);\n border-right: 1px solid var(--clll-color-primary-600);\n border-top: 1px solid var(--clll-color-primary-600);\n border-bottom-color: var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-danger {\n border-left: 1px solid var(--clll-color-danger-600);\n border-right: 1px solid var(--clll-color-danger-600);\n border-top: 1px solid var(--clll-color-danger-600);\n border-bottom-color: var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-warning {\n border-left: 1px solid var(--clll-color-warning-600);\n border-right: 1px solid var(--clll-color-warning-600);\n border-top: 1px solid var(--clll-color-warning-600);\n border-bottom-color: var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-success {\n border-left: 1px solid var(--clll-color-success-600);\n border-right: 1px solid var(--clll-color-success-600);\n border-top: 1px solid var(--clll-color-success-600);\n border-bottom-color: var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--outline-info {\n border-left: 1px solid var(--clll-color-info-600);\n border-right: 1px solid var(--clll-color-info-600);\n border-top: 1px solid var(--clll-color-info-600);\n border-bottom-color: var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-banner.clll-banner--busy {\n pointer-events: none;\n}\n.clll-banner.clll-banner--align-left {\n text-align: left;\n}\n.clll-banner.clll-banner--align-center {\n text-align: center;\n}\n.clll-banner.clll-banner--align-right {\n text-align: right;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-button {\n position: relative;\n width: var(--3b8d9c26);\n height: var(--1c56eec7);\n border: 1px solid transparent;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button:focus {\n background-color: \"\";\n}\n.clll-button:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-button[type=checkbox], .clll-button[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button .clll-button__content,\n.clll-button .clll-text,\n.clll-button .clll-icon {\n font-weight: 500;\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-button.clll-button--has-content {\n display: inline-flex;\n align-items: center;\n}\n.clll-button.clll-button--default, .clll-button.clll-button--secondary {\n background-color: var(--clll-color-secondary-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--default:focus, .clll-button.clll-button--secondary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--default:focus-visible, .clll-button.clll-button--secondary:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--default[type=checkbox], .clll-button.clll-button--default[type=radio], .clll-button.clll-button--secondary[type=checkbox], .clll-button.clll-button--secondary[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--default:hover, .clll-button.clll-button--secondary:hover {\n background-color: var(--clll-color-secondary-600);\n}\n.clll-button.clll-button--light {\n background-color: var(--clll-color-neutral-100);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--light:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--light:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--light[type=checkbox], .clll-button.clll-button--light[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--light:hover {\n background-color: var(--clll-color-neutral-200);\n}\n.clll-button.clll-button--dark {\n background-color: var(--clll-color-neutral-800);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--dark:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--dark:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--dark[type=checkbox], .clll-button.clll-button--dark[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--dark .clll-button__content,\n.clll-button.clll-button--dark .clll-text,\n.clll-button.clll-button--dark .clll-icon {\n color: var(--clll-color-neutral-100);\n}\n.clll-button.clll-button--dark:hover {\n background-color: var(--clll-color-neutral-900);\n}\n.clll-button.clll-button--transparent {\n background-color: transparent;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--transparent:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--transparent:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--transparent[type=checkbox], .clll-button.clll-button--transparent[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--transparent:hover {\n background-color: transparent;\n}\n.clll-button.clll-button--primary {\n background-color: var(--clll-color-primary-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--primary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--primary:focus-visible {\n outline: 2px solid var(--clll-color-primary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--primary[type=checkbox], .clll-button.clll-button--primary[type=radio] {\n border-color: var(--clll-color-primary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--primary:hover {\n background-color: var(--clll-color-primary-600);\n}\n.clll-button.clll-button--danger {\n background-color: var(--clll-color-danger-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--danger:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--danger:focus-visible {\n outline: 2px solid var(--clll-color-danger-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--danger[type=checkbox], .clll-button.clll-button--danger[type=radio] {\n border-color: var(--clll-color-danger-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--danger:hover {\n background-color: var(--clll-color-danger-600);\n}\n.clll-button.clll-button--warning {\n background-color: var(--clll-color-warning-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--warning:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--warning:focus-visible {\n outline: 2px solid var(--clll-color-warning-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--warning[type=checkbox], .clll-button.clll-button--warning[type=radio] {\n border-color: var(--clll-color-warning-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--warning:hover {\n background-color: var(--clll-color-warning-600);\n}\n.clll-button.clll-button--success {\n background-color: var(--clll-color-success-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--success:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--success:focus-visible {\n outline: 2px solid var(--clll-color-success-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--success[type=checkbox], .clll-button.clll-button--success[type=radio] {\n border-color: var(--clll-color-success-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--success:hover {\n background-color: var(--clll-color-success-600);\n}\n.clll-button.clll-button--info {\n background-color: var(--clll-color-info-500);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--info:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--info:focus-visible {\n outline: 2px solid var(--clll-color-info-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--info[type=checkbox], .clll-button.clll-button--info[type=radio] {\n border-color: var(--clll-color-info-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--info:hover {\n background-color: var(--clll-color-info-600);\n}\n.clll-button.clll-button--outline-secondary, .clll-button.clll-button--outline {\n background-color: transparent;\n border-color: var(--clll-color-secondary-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-secondary:focus, .clll-button.clll-button--outline:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-secondary:focus-visible, .clll-button.clll-button--outline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-secondary[type=checkbox], .clll-button.clll-button--outline-secondary[type=radio], .clll-button.clll-button--outline[type=checkbox], .clll-button.clll-button--outline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-secondary .clll-button__content,\n.clll-button.clll-button--outline-secondary .clll-text,\n.clll-button.clll-button--outline-secondary .clll-icon, .clll-button.clll-button--outline .clll-button__content,\n.clll-button.clll-button--outline .clll-text,\n.clll-button.clll-button--outline .clll-icon {\n color: var(--clll-color-secondary-900);\n}\n.clll-button.clll-button--outline-secondary:hover, .clll-button.clll-button--outline:hover {\n background-color: var(--clll-color-secondary-100);\n border-color: var(--clll-color-secondary-700);\n}\n.clll-button.clll-button--outline-primary {\n background-color: transparent;\n border-color: var(--clll-color-primary-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-primary:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-primary:focus-visible {\n outline: 2px solid var(--clll-color-primary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-primary[type=checkbox], .clll-button.clll-button--outline-primary[type=radio] {\n border-color: var(--clll-color-primary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-primary .clll-button__content,\n.clll-button.clll-button--outline-primary .clll-text,\n.clll-button.clll-button--outline-primary .clll-icon {\n color: var(--clll-color-primary-900);\n}\n.clll-button.clll-button--outline-primary:hover {\n background-color: var(--clll-color-primary-100);\n border-color: var(--clll-color-primary-700);\n}\n.clll-button.clll-button--outline-danger {\n background-color: transparent;\n border-color: var(--clll-color-danger-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-danger:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-danger:focus-visible {\n outline: 2px solid var(--clll-color-danger-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-danger[type=checkbox], .clll-button.clll-button--outline-danger[type=radio] {\n border-color: var(--clll-color-danger-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-danger .clll-button__content,\n.clll-button.clll-button--outline-danger .clll-text,\n.clll-button.clll-button--outline-danger .clll-icon {\n color: var(--clll-color-danger-900);\n}\n.clll-button.clll-button--outline-danger:hover {\n background-color: var(--clll-color-danger-100);\n border-color: var(--clll-color-danger-700);\n}\n.clll-button.clll-button--outline-warning {\n background-color: transparent;\n border-color: var(--clll-color-warning-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-warning:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-warning:focus-visible {\n outline: 2px solid var(--clll-color-warning-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-warning[type=checkbox], .clll-button.clll-button--outline-warning[type=radio] {\n border-color: var(--clll-color-warning-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-warning .clll-button__content,\n.clll-button.clll-button--outline-warning .clll-text,\n.clll-button.clll-button--outline-warning .clll-icon {\n color: var(--clll-color-warning-900);\n}\n.clll-button.clll-button--outline-warning:hover {\n background-color: var(--clll-color-warning-100);\n border-color: var(--clll-color-warning-700);\n}\n.clll-button.clll-button--outline-info {\n background-color: transparent;\n border-color: var(--clll-color-info-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-info:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-info:focus-visible {\n outline: 2px solid var(--clll-color-info-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-info[type=checkbox], .clll-button.clll-button--outline-info[type=radio] {\n border-color: var(--clll-color-info-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-info .clll-button__content,\n.clll-button.clll-button--outline-info .clll-text,\n.clll-button.clll-button--outline-info .clll-icon {\n color: var(--clll-color-info-900);\n}\n.clll-button.clll-button--outline-info:hover {\n background-color: var(--clll-color-info-100);\n border-color: var(--clll-color-info-700);\n}\n.clll-button.clll-button--outline-success {\n background-color: transparent;\n border-color: var(--clll-color-success-600);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-button.clll-button--outline-success:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--outline-success:focus-visible {\n outline: 2px solid var(--clll-color-success-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--outline-success[type=checkbox], .clll-button.clll-button--outline-success[type=radio] {\n border-color: var(--clll-color-success-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--outline-success .clll-button__content,\n.clll-button.clll-button--outline-success .clll-text,\n.clll-button.clll-button--outline-success .clll-icon {\n color: var(--clll-color-success-900);\n}\n.clll-button.clll-button--outline-success:hover {\n background-color: var(--clll-color-success-100);\n border-color: var(--clll-color-success-700);\n}\n.clll-button.clll-button--tiny {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-sm) var(--clll-px-lg);\n}\n.clll-button.clll-button--tiny.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-button.clll-button--tiny.clll-button--rounded {\n border-radius: var(--clll-rounded-lg);\n}\n.clll-button.clll-button--tiny.clll-button--no-content {\n padding: var(--clll-px-sm);\n}\n.clll-button.clll-button--small {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-md) var(--clll-px-xl);\n}\n.clll-button.clll-button--small.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-button.clll-button--small.clll-button--rounded {\n border-radius: var(--clll-rounded-xl);\n}\n.clll-button.clll-button--small.clll-button--no-content {\n padding: var(--clll-px-md);\n}\n.clll-button.clll-button--medium {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-button.clll-button--medium.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-button.clll-button--medium.clll-button--rounded {\n border-radius: var(--clll-rounded-xl);\n}\n.clll-button.clll-button--medium.clll-button--no-content {\n padding: var(--clll-px-lg);\n}\n.clll-button.clll-button--large {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-xl) var(--clll-px-4xl);\n}\n.clll-button.clll-button--large.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-button.clll-button--large.clll-button--rounded {\n border-radius: var(--clll-rounded-2xl);\n}\n.clll-button.clll-button--large.clll-button--no-content {\n padding: var(--clll-px-xl);\n}\n.clll-button.clll-button--xlarge {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-5xl);\n}\n.clll-button.clll-button--xlarge.clll-button--has-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-button.clll-button--xlarge.clll-button--rounded {\n border-radius: var(--clll-rounded-3xl);\n}\n.clll-button.clll-button--xlarge.clll-button--no-content {\n padding: var(--clll-px-2xl);\n}\n.clll-button .clll-button__content {\n flex: 1 1 0%;\n}\n.clll-button .clll-button__content.clll-button__content--left {\n text-align: left;\n}\n.clll-button .clll-button__content.clll-button__content--center {\n text-align: center;\n}\n.clll-button .clll-button__content.clll-button__content--right {\n text-align: right;\n}\n.clll-button.clll-button--no-content {\n display: flex;\n align-items: center;\n}\n.clll-button.clll-button--no-content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-0);\n}\n.clll-button.clll-button--no-content .clll-button__content {\n position: absolute;\n left: -100%;\n}\n.clll-button.clll-button--no-content.clll-button--left {\n justify-content: flex-start;\n}\n.clll-button.clll-button--no-content.clll-button--center {\n justify-content: center;\n}\n.clll-button.clll-button--no-content.clll-button--right {\n justify-content: flex-end;\n}\n.clll-button.clll-button--no-content.clll-button--rounded {\n border-radius: var(--clll-rounded-full);\n}\n.clll-button.clll-button--wrapped {\n padding: var(--clll-unit-0);\n}\n.clll-button.clll-button--wrapped.clll-button--transparent {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-button.clll-button--wrapped.clll-button--transparent:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--wrapped.clll-button--transparent:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--wrapped.clll-button--transparent[type=checkbox], .clll-button.clll-button--wrapped.clll-button--transparent[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--busy {\n pointer-events: none;\n}\n.clll-button.clll-button--busy .clll-icon,\n.clll-button.clll-button--busy .clll-button__content {\n opacity: 0;\n}\n.clll-button.clll-button--link {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-button.clll-button--link:focus {\n background-color: \"\";\n}\n.clll-button.clll-button--link:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-button.clll-button--link[type=checkbox], .clll-button.clll-button--link[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-button.clll-button--link:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-button.clll-button--link:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-button.clll-button--link.clll-button--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-button.clll-button--link .clll-button__content {\n color: inherit;\n}\n.clll-button.clll-button--pill {\n border: 0;\n padding: var(--clll-unit-0);\n background-color: transparent;\n outline-offset: -0.5px;\n}\n.clll-button.clll-button--pill:focus {\n box-shadow: none;\n}\n.clll-button.clll-button--pill.clll-button--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-button.clll-button--pill .clll-button__content {\n line-height: 0;\n}\n.clll-button:disabled {\n pointer-events: none;\n opacity: 0.25;\n}\n.clll-button.clll-button--elevated {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-card {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid;\n width: var(--d71b28d6);\n height: var(--3fe7e590);\n flex-direction: column;\n}\n.clll-card .clll-card__content {\n position: relative;\n width: 100%;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-4);\n}\n.clll-card .clll-card__header {\n position: relative;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__header > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-card .clll-card__slot-content {\n color: var(--clll-color-neutral-900);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-card .clll-card__hover-elem {\n z-index: 0;\n position: absolute;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.05);\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: all 300ms ease;\n}\n.clll-card.clll-card--image-before, .clll-card.clll-card--image-after {\n flex-wrap: wrap;\n flex-direction: row;\n}\n.clll-card.clll-card--image-before .clll-card__content, .clll-card.clll-card--image-after .clll-card__content {\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1 1 0%;\n}\n.clll-card.clll-card--image-before .clll-card__content .clll-card__slot, .clll-card.clll-card--image-after .clll-card__content .clll-card__slot {\n flex: 1 1 0%;\n}\n.clll-card.clll-card--rounded {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-card.clll-card--light {\n border-color: var(--clll-color-neutral-200);\n background-color: var(--clll-color-neutral-100);\n}\n.clll-card.clll-card--dark {\n border-color: var(--clll-color-neutral-900);\n background-color: var(--clll-color-neutral-800);\n}\n.clll-card.clll-card--dark .clll-card__slot-content {\n color: var(--clll-color-neutral-100);\n}\n.clll-card.clll-card--default, .clll-card.clll-card--secondary {\n border-color: var(--clll-color-secondary-600);\n background-color: var(--clll-color-secondary-100);\n}\n.clll-card.clll-card--primary {\n border-color: var(--clll-color-primary-600);\n background-color: var(--clll-color-primary-100);\n}\n.clll-card.clll-card--danger {\n border-color: var(--clll-color-danger-600);\n background-color: var(--clll-color-danger-100);\n}\n.clll-card.clll-card--warning {\n border-color: var(--clll-color-warning-600);\n background-color: var(--clll-color-warning-100);\n}\n.clll-card.clll-card--info {\n border-color: var(--clll-color-info-600);\n background-color: var(--clll-color-info-100);\n}\n.clll-card.clll-card--success {\n border-color: var(--clll-color-success-600);\n background-color: var(--clll-color-success-100);\n}\n.clll-card.clll-card--outline, .clll-card.clll-card--outline-secondary {\n border-color: var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-primary {\n border-color: var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-danger {\n border-color: var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-warning {\n border-color: var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-info {\n border-color: var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-card.clll-card--outline-success {\n border-color: var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-card.clll-card--tiny {\n padding: var(--clll-unit-1);\n}\n.clll-card.clll-card--tiny.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-1);\n}\n.clll-card.clll-card--tiny.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-1) var(--clll-unit-1);\n}\n.clll-card.clll-card--compact {\n padding: var(--clll-unit-2);\n}\n.clll-card.clll-card--compact.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-2);\n}\n.clll-card.clll-card--compact.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-2) var(--clll-unit-2);\n}\n.clll-card.clll-card--small {\n padding: var(--clll-unit-3);\n}\n.clll-card.clll-card--small.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-3);\n}\n.clll-card.clll-card--small.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-3) var(--clll-unit-3);\n}\n.clll-card.clll-card--medium {\n padding: var(--clll-unit-4);\n}\n.clll-card.clll-card--medium.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-4);\n}\n.clll-card.clll-card--medium.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-4) var(--clll-unit-4);\n}\n.clll-card.clll-card--large {\n padding: var(--clll-unit-6);\n}\n.clll-card.clll-card--large.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-6);\n}\n.clll-card.clll-card--large.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-6) var(--clll-unit-6);\n}\n.clll-card.clll-card--xlarge {\n padding: var(--clll-unit-8);\n}\n.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__header {\n padding: var(--clll-unit-8);\n}\n.clll-card.clll-card--xlarge.clll-card--has-image .clll-card__slot {\n padding: 0 var(--clll-unit-8) var(--clll-unit-8);\n}\n.clll-card.clll-card--no-content .clll-card__slot {\n position: absolute;\n left: -100%;\n}\n.clll-card.clll-card--active {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}\n.clll-card.clll-card--busy {\n pointer-events: none;\n}\n.clll-card.clll-card--busy .clll-heading,\n.clll-card.clll-card--busy .clll-text,\n.clll-card.clll-card--busy .clll-icon,\n.clll-card.clll-card--busy .clll-card__image__elem {\n opacity: 0;\n}\n.clll-card.clll-card--busy .clll-card__slot-content {\n overflow: hidden;\n}\n.clll-card .clll-card__image {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n display: flex;\n width: var(--053040bc);\n height: var(--f1ee461e);\n background-color: var(--clll-color-secondary-200);\n justify-content: center;\n z-index: var(--clll-z-index-10);\n}\n.clll-card .clll-card__image .clll-card__image__elem {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.clll-card.clll-card--has-image {\n padding: 0;\n}\n.clll-card.clll-card--has-image .clll-card__content > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-0);\n}\n.clll-card.clll-card--has-image .clll-card__content .clll-card__slot {\n flex: 1 1 0%;\n}\n.clll-card.clll-card--has-link {\n cursor: pointer;\n outline-offset: 2px;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-card.clll-card--has-link:focus {\n background-color: \"\";\n}\n.clll-card.clll-card--has-link:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-card.clll-card--has-link[type=checkbox], .clll-card.clll-card--has-link[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-card.clll-card--has-link:hover .clll-card__hover-elem {\n opacity: 1;\n}\n.clll-card.clll-card--has-link:hover .clll-card__header .clll-button .clll-button__content .clll-heading {\n text-decoration-line: underline;\n text-underline-offset: var(--clll-py-s-xs);\n}\n.clll-card.clll-card--transparent {\n border: none;\n background-color: transparent;\n}\n.clll-card.clll-card--transparent.clll-card--has-image.clll-card--rounded .clll-card__image {\n border-radius: var(--clll-rounded-sm);\n}\n.clll-card.clll-card--transparent:hover .clll-card__hover-elem {\n opacity: 0;\n}\n.clll-card.clll-card--align-left {\n text-align: left;\n}\n.clll-card.clll-card--align-center {\n text-align: center;\n}\n.clll-card.clll-card--align-right {\n text-align: right;\n}\n.clll-card.clll-card--no-padding {\n padding: 0;\n}\n.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__header,\n.clll-card.clll-card--no-padding.clll-card--has-image .clll-card__slot {\n padding: 0;\n}\n.clll-card.clll-card--elevated {\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-carousel {\n position: relative;\n}\n.clll-carousel > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slides {\n position: relative;\n}\n@media (min-width: 640px) {\n.clll-carousel .clll-carousel__slides {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.clll-carousel .clll-carousel__slides::-webkit-scrollbar {\n width: 0 !important;\n}\n}\n.clll-carousel .clll-carousel__slides > * {\n flex: none;\n}\n.clll-carousel .clll-carousel__slide-controls {\n display: flex;\n align-items: center;\n}\n.clll-carousel .clll-carousel__slide-controls > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation {\n display: flex;\n align-items: center;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--after, .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--before {\n flex: 1;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--left {\n justify-content: left;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--center {\n justify-content: center;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation.clll-carousel__navigation--right {\n justify-content: right;\n}\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__page-indicator,\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__prev-slide,\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__next-slide {\n display: none;\n}\n@media (min-width: 640px) {\n.clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__page-indicator,\n .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__prev-slide,\n .clll-carousel .clll-carousel__slide-controls .clll-carousel__navigation .clll-carousel__next-slide {\n display: block;\n}\n}\n.clll-carousel.clll-carousel--enabled .clll-carousel__slides {\n display: flex;\n width: 100%;\n overflow-x: scroll;\n white-space: nowrap;\n padding: var(--cll-unit-1) 0;\n}\n@media (min-width: 640px) {\n.clll-carousel.clll-carousel--enabled .clll-carousel__slides {\n overflow-x: hidden;\n}\n}\n.clll-carousel.clll-carousel--disabled .clll-carousel__slides {\n display: block;\n}\n.clll-carousel.clll-carousel--disabled .clll-carousel__page-indicator,\n.clll-carousel.clll-carousel--disabled .clll-carousel__prev-slide,\n.clll-carousel.clll-carousel--disabled .clll-carousel__next-slide {\n display: none;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-input__message {\n margin-top: var(--clll-unit-1);\n}\n.clll-input__message .clll-input__message__text {\n font-size: var(--clll-unit-3);\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-input__message.clll-input__message--danger {\n color: var(--clll-color-danger-dark-30);\n}\n.clll-input__message.clll-input__message--success {\n color: var(--clll-color-success-dark-30);\n}\n.clll-input__message.clll-input__message--warning {\n color: var(--clll-color-warning-dark-30);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-checkbox {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n align-items: flex-start;\n flex-direction: column;\n overflow: visible;\n}\n.clll-checkbox .clll-checkbox__label {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n text-align: left;\n user-select: none;\n cursor: pointer;\n}\n.clll-checkbox .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-checkbox .clll-checkbox__label .clll-text.clll-checkbox__label--required::after {\n font-weight: 500;\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-checkbox .clll-checkbox__checkbox-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame .clll-checkbox__checkbox {\n background-color: white;\n}\n.clll-checkbox .clll-checkbox__checkbox-container .clll-checkbox__checkbox-frame .clll-checkbox__checkbox:not(:checked) + .clll-checkbox__icon {\n display: none;\n}\n.clll-checkbox .clll-checkbox__icon {\n position: absolute;\n display: inline-flex;\n}\n.clll-checkbox .clll-checkbox__checkbox {\n display: inline-block;\n appearance: none;\n background-color: white;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox .clll-checkbox__checkbox[type=checkbox], .clll-checkbox .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-secondary-light-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--rounded .clll-checkbox__checkbox {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-primary-dark-15);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus-visible {\n outline: 2px solid var(--clll-color-primary-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=checkbox], .clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=radio] {\n border-color: var(--clll-color-primary-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--default .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: white;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label {\n cursor: not-allowed;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-text {\n color: var(--clll-color-secondary-light);\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-secondary-light-60);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-45);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=checkbox], .clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked[type=radio] {\n border-color: var(--clll-color-secondary-light-45) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--disabled .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-secondary-light-30);\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-danger-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-danger-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--danger .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-danger-dark-30);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-success-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-success-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:checked {\n background-color: var(--clll-color-success-dark);\n}\n.clll-checkbox.clll-checkbox--success .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: white;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus {\n background-color: \"\";\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox:focus-visible {\n outline: 2px solid var(--clll-color-warning-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=checkbox], .clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox[type=radio] {\n border-color: var(--clll-color-warning-dark-30) !important;\n outline-color: transparent;\n}\n.clll-checkbox.clll-checkbox--warning .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__icon {\n color: var(--clll-color-warning-dark-30);\n}\n.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1_5);\n}\n.clll-checkbox.clll-checkbox--tiny .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-checkbox.clll-checkbox--small .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2_5);\n}\n.clll-checkbox.clll-checkbox--medium .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-checkbox.clll-checkbox--large .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-7);\n height: var(--clll-unit-7);\n}\n.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-checkbox.clll-checkbox--xlarge .clll-checkbox__checkbox-container .clll-checkbox__label .clll-checkbox__checkbox {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-disclosure {\n border: 1px solid var(--clll-color-secondary-500);\n background-color: white;\n}\n.clll-disclosure.clll-disclosure--padded .clll-disclosure__content {\n padding: var(--clll-unit-5);\n}\n.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__content {\n display: none;\n}\n.clll-disclosure.clll-disclosure--collapsed .clll-disclosure__trigger .clll-button {\n border-radius: var(--clll-rounded-md);\n}\n.clll-disclosure.clll-disclosure--expanded .clll-disclosure__content {\n display: block;\n}\n.clll-disclosure.clll-disclosure--expanded .clll-disclosure__trigger .clll-button {\n border-top-right-radius: var(--clll-rounded-md);\n border-top-left-radius: var(--clll-rounded-md);\n}\n.clll-disclosure.clll-disclosure--rounded {\n border-radius: var(--clll-rounded-md);\n}\n.clll-disclosure .clll-disclosure__trigger {\n padding: var(--clll-unit-0_5);\n}\n.clll-disclosure .clll-disclosure__trigger .clll-button {\n padding: var(--clll-unit-5);\n}\n.clll-disclosure .clll-disclosure__content {\n border-top: 1px solid var(--clll-color-secondary-200);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-heading {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n}\n.clll-heading.clll-heading--pagetitle {\n font-weight: 700;\n font-size: var(--clll-unit-12);\n line-height: var(--clll-unit-14);\n}\n.clll-heading.clll-heading--title {\n font-weight: 600;\n font-size: var(--clll-unit-6);\n line-height: var(--clll-unit-8);\n}\n.clll-heading.clll-heading--section {\n font-weight: 600;\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-heading.clll-heading--subsection {\n font-weight: 500;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-heading.clll-heading--light {\n color: var(--clll-color-neutral-100);\n}\n.clll-heading.clll-heading--dark {\n color: var(--clll-color-neutral-800);\n}\n.clll-heading.clll-heading--left {\n text-align: left;\n}\n.clll-heading.clll-heading--center {\n text-align: center;\n}\n.clll-heading.clll-heading--right {\n text-align: right;\n}\n.clll-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--36eabed0);\n height: var(--36eabed0);\nsvg {\npath {\n stroke-width: var(--694fd9f0);\n}\n}\n}\n/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-input {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-input.clll-input--haslabel:not(.clll-input--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--haslabel .clll-input__label .clll-text {\n font-weight: 500;\n}\n.clll-input.clll-input--haslabel .clll-input__label .clll-text.clll-input__label--required::after {\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-input .clll-input__input-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-input .clll-input__input {\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-input .clll-input__input[type=checkbox], .clll-input .clll-input__input[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--hascustomprefix, .clll-input.clll-input--hascustomsuffix, .clll-input.clll-input--hasfloatinglabel, .clll-input.clll-input--grouped {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n background: white;\n border: 1px solid var(--clll-color-secondary-light-45);\n border-radius: var(--clll-rounded-xs);\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0px;\n}\n.clll-input.clll-input--hascustomprefix:focus-within, .clll-input.clll-input--hascustomsuffix:focus-within, .clll-input.clll-input--hasfloatinglabel:focus-within, .clll-input.clll-input--grouped:focus-within {\n outline: 1px solid var(--clll-color-secondary-light-15);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--hascustomprefix input, .clll-input.clll-input--hascustomsuffix input, .clll-input.clll-input--hasfloatinglabel input, .clll-input.clll-input--grouped input {\n border: 0;\n}\n.clll-input.clll-input--hascustomprefix .clll-input__input, .clll-input.clll-input--hascustomsuffix .clll-input__input, .clll-input.clll-input--hasfloatinglabel .clll-input__input, .clll-input.clll-input--grouped .clll-input__input {\n outline: none;\n}\n.clll-input.clll-input--hascustomprefix .clll-input__input:focus, .clll-input.clll-input--hascustomsuffix .clll-input__input:focus, .clll-input.clll-input--hasfloatinglabel .clll-input__input:focus, .clll-input.clll-input--grouped .clll-input__input:focus {\n outline: none;\n box-shadow: none;\n}\n.clll-input .clll-input__input-prefix,\n.clll-input .clll-input__input-suffix {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--clll-color-secondary-light-45);\n pointer-events: none;\n user-select: none;\n height: 100%;\n}\n.clll-input .clll-input__input-prefix.clll-input__input-prefix--icon, .clll-input .clll-input__input-prefix.clll-input__input-suffix--icon,\n.clll-input .clll-input__input-suffix.clll-input__input-prefix--icon,\n.clll-input .clll-input__input-suffix.clll-input__input-suffix--icon {\n position: absolute;\n box-sizing: border-box;\n}\n.clll-input .clll-input__input-prefix.clll-input__input-prefix--string, .clll-input .clll-input__input-prefix.clll-input__input-suffix--string,\n.clll-input .clll-input__input-suffix.clll-input__input-prefix--string,\n.clll-input .clll-input__input-suffix.clll-input__input-suffix--string {\n position: relative;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n}\n.clll-input .clll-input__input-prefix {\n left: 0;\n}\n.clll-input .clll-input__input-suffix {\n right: 0;\n}\n.clll-input .clll-icon {\n color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--rounded .clll-input__input-container,\n.clll-input.clll-input--rounded .clll-input__input {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--disabled .clll-input__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--disabled .clll-input__input-container .clll-input__input {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--readonly .clll-input__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-input.clll-input--readonly .clll-input__input-container .clll-input__input {\n cursor: not-allowed;\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-input.clll-input--danger .clll-input__input {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--danger .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--danger .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-input.clll-input--danger .clll-input__input[type=checkbox], .clll-input.clll-input--danger .clll-input__input[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--success .clll-input__input {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--success .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--success .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-input.clll-input--success .clll-input__input[type=checkbox], .clll-input.clll-input--success .clll-input__input[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--warning .clll-input__input {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-input.clll-input--warning .clll-input__input:focus {\n background-color: \"\";\n}\n.clll-input.clll-input--warning .clll-input__input:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-input.clll-input--warning .clll-input__input[type=checkbox], .clll-input.clll-input--warning .clll-input__input[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-input.clll-input--tiny .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-sm) var(--clll-px-sm);\n margin-right: var(--clll-px-sm);\n}\n.clll-input.clll-input--tiny.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-0_5);\n left: var(--clll-unit-2);\n}\n.clll-input.clll-input--tiny.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-5);\n}\n.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-1);\n}\n.clll-input.clll-input--tiny.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-6);\n}\n.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input-suffix {\n right: 0;\n padding: 0 var(--clll-unit-1);\n}\n.clll-input.clll-input--tiny.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-6);\n}\n.clll-input.clll-input--tiny.clll-input--hascustomprefix, .clll-input.clll-input--tiny.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-input.clll-input--tiny.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--tiny.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--tiny.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-9);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-9);\n}\n.clll-input.clll-input--tiny.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-input.clll-input--small .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-md) var(--clll-px-md);\n margin-right: var(--clll-px-md);\n}\n.clll-input.clll-input--small.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--small.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-6);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix:not(.clll-input__input-prefix--string) {\n padding-left: var(--clll-unit-1_5);\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input-prefix--string {\n padding-left: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-9);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix:not(.clll-input__input-suffix--string) {\n padding-left: var(--clll-unit-1_5);\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input-suffix--string {\n padding-right: var(--clll-unit-1_5);\n}\n.clll-input.clll-input--small.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-9);\n}\n.clll-input.clll-input--small.clll-input--hascustomprefix, .clll-input.clll-input--small.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-input.clll-input--small.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--small.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--small.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--small.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-10);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-10);\n}\n.clll-input.clll-input--small.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-2_5);\n}\n.clll-input.clll-input--medium .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-input.clll-input--medium .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-xl) var(--clll-px-lg);\n margin-right: var(--clll-px-lg);\n}\n.clll-input.clll-input--medium.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-3);\n}\n.clll-input.clll-input--medium.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-7);\n}\n.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-1_5);\n}\n.clll-input.clll-input--medium.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-10);\n}\n.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-1_5);\n}\n.clll-input.clll-input--medium.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-10);\n}\n.clll-input.clll-input--medium.clll-input--hascustomprefix, .clll-input.clll-input--medium.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-input.clll-input--medium.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--medium.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--medium.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-17);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-17);\n}\n.clll-input.clll-input--medium.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--large .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-input.clll-input--large .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-2xl) var(--clll-px-2xl);\n margin-right: var(--clll-px-2xl);\n}\n.clll-input.clll-input--large.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-4);\n}\n.clll-input.clll-input--large.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-8);\n}\n.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-2);\n}\n.clll-input.clll-input--large.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-12);\n}\n.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-2);\n}\n.clll-input.clll-input--large.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-12);\n}\n.clll-input.clll-input--large.clll-input--hascustomprefix, .clll-input.clll-input--large.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n}\n.clll-input.clll-input--large.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--large.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--large.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--large.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-18);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-18);\n}\n.clll-input.clll-input--large.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge .clll-input__input-container .clll-input__input::file-selector-button {\n padding: var(--clll-py-4xl) var(--clll-px-3xl);\n margin-right: var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge.clll-input--hasfloatinglabel .clll-input__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-5);\n}\n.clll-input.clll-input--xlarge.clll-input--hasfloatinglabel .clll-input__input-container {\n padding-top: var(--clll-unit-9);\n}\n.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input-prefix {\n padding: 0 var(--clll-unit-2_5);\n}\n.clll-input.clll-input--xlarge.clll-input--hasprefix .clll-input__input {\n padding-left: var(--clll-unit-14);\n}\n.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input-suffix {\n padding: 0 var(--clll-unit-2_5);\n}\n.clll-input.clll-input--xlarge.clll-input--hassuffix .clll-input__input {\n padding-right: var(--clll-unit-14);\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomprefix, .clll-input.clll-input--xlarge.clll-input--hascustomsuffix {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomprefix .clll-input__input {\n padding-left: 0;\n}\n.clll-input.clll-input--xlarge.clll-input--hascustomsuffix .clll-input__input {\n padding-right: 0;\n}\n.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--xlarge.clll-input--grouped .clll-input__input-suffix {\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconprefix .clll-input__input {\n padding-left: var(--clll-unit-20);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomprefix .clll-input__input {\n padding-left: var(--clll-unit-4);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input {\n padding-right: var(--clll-unit-20);\n}\n.clll-input.clll-input--xlarge.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input {\n padding-right: var(--clll-unit-4);\n}\n.clll-input.clll-input--grouped.clll-input--hasiconprefix .clll-input__input-container, .clll-input.clll-input--grouped.clll-input--hascustomprefix .clll-input__input-container {\n padding-left: 0;\n}\n.clll-input.clll-input--grouped.clll-input--hasiconsuffix .clll-input__input-container, .clll-input.clll-input--grouped.clll-input--hascustomsuffix .clll-input__input-container {\n padding-right: 0;\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix,\n.clll-input.clll-input--grouped .clll-input__input-suffix {\n background-color: var(--clll-color-secondary-light-60);\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix .clll-icon,\n.clll-input.clll-input--grouped .clll-input__input-suffix .clll-icon {\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--grouped .clll-input__input-suffix {\n border-top-right-radius: var(--clll-rounded-xs);\n border-bottom-right-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--grouped .clll-input__input-prefix {\n border-top-left-radius: var(--clll-rounded-xs);\n border-bottom-left-radius: var(--clll-rounded-xs);\n}\n.clll-input.clll-input--hasfloatinglabel .clll-input__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-input.clll-input--hasfloatinglabel .clll-input__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-input.clll-input--fluid {\n width: 100%;\n}\n.clll-input.clll-input--fluid .clll-input__input-container {\n width: 100%;\n}\n.clll-input.clll-input--fluid .clll-input__input-container .clll-input__input {\n width: 100%;\n}\n.clll-input.clll-input--hidden .clll-input__input-container {\n display: none;\n}\n.clll-input.clll-input--file .clll-input__input-container .clll-input__input {\n cursor: pointer;\n padding-top: 0;\n padding-left: 0;\n padding-bottom: 0;\n}\n.clll-input.clll-input--file .clll-input__input-container .clll-input__input::file-selector-button {\n cursor: pointer;\n background-color: var(--clll-color-secondary-light-60);\n border: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-link {\n cursor: pointer;\n}\n.clll-link.clll-link--underline {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n text-decoration-line: underline;\n text-underline-offset: var(--clll-unit-0_5);\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-link.clll-link--underline:focus {\n background-color: \"\";\n}\n.clll-link.clll-link--underline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-link.clll-link--underline[type=checkbox], .clll-link.clll-link--underline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-link.clll-link--underline:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-link.clll-link--underline:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-link.clll-link--nounderline {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n display: inline-flex;\n align-items: center;\n transition: color 200ms linear;\n color: var(--clll-color-link);\n font-weight: 500;\n border-radius: var(--clll-rounded-xs);\n text-decoration: none;\n background-color: transparent;\n padding: 0;\n border: 0;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 2px;\n}\n.clll-link.clll-link--nounderline:focus {\n background-color: \"\";\n}\n.clll-link.clll-link--nounderline:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 0 var(--clll-color-secondary-100);\n}\n.clll-link.clll-link--nounderline[type=checkbox], .clll-link.clll-link--nounderline[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-link.clll-link--nounderline:hover {\n background-color: transparent;\n color: var(--clll-color-neutral-900);\n text-decoration-line: none;\n}\n.clll-link.clll-link--nounderline:hover .clll-text {\n color: var(--clll-color-neutral-900);\n}\n.clll-link .clll-text {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n}\n.clll-link.clll-link--external .clll-icon {\n padding-left: var(--clll-px-s-xs);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-menu__menu .clll-menu__dropdown {\n position: absolute;\n display: block;\n top: auto;\n z-index: var(--7e8238c6);\n margin-top: var(--clll-unit-1);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-nav-section {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--horizontal {\n display: inline-block;\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-0);\n}\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n}\n@media (min-width: 1280px) {\n.clll-nav-section.clll-nav-section--horizontal > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-8);\n}\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--horizontal .clll-nav-section__item {\n display: inline-block;\n}\n}\n.clll-nav-section.clll-nav-section--vertical > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-2);\n}\n@media (min-width: 768px) {\n.clll-nav-section.clll-nav-section--vertical > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-4);\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-pill {\n position: relative;\n overflow: hidden;\n border-radius: var(--clll-rounded-xs);\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n}\n.clll-pill.clll-pill--has-icon > :not([hidden]) ~ :not([hidden]), .clll-pill.clll-pill--has-count > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-pill .clll-pill__count {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n display: block;\n font-weight: 500;\n color: var(--clll-color-neutral-900);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n background-color: var(--clll-color-neutral-200);\n}\n.clll-pill .clll-pill__label {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n display: block;\n font-weight: 500;\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-pill.clll-pill--has-count .clll-pill__label {\n padding-right: var(--clll-px-s-sm);\n}\n.clll-pill.clll-pill--has-icon {\n padding-left: var(--clll-px-sm);\n}\n.clll-pill.clll-pill--has-icon .clll-pill__label {\n padding-left: var(--clll-px-s-sm);\n}\n.clll-pill.clll-pill--clickable {\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n}\n.clll-pill.clll-pill--light {\n background-color: var(--clll-color-neutral-100);\n}\n.clll-pill.clll-pill--light.clll-pill--clickable:hover {\n background-color: var(--clll-color-neutral-200);\n}\n.clll-pill.clll-pill--dark {\n background-color: var(--clll-color-neutral-700);\n}\n.clll-pill.clll-pill--dark .clll-icon,\n.clll-pill.clll-pill--dark .clll-pill__count,\n.clll-pill.clll-pill--dark .clll-pill__label {\n color: var(--clll-color-neutral-100);\n}\n.clll-pill.clll-pill--dark .clll-pill__count {\n background-color: var(--clll-color-neutral-800);\n}\n.clll-pill.clll-pill--dark.clll-pill--clickable:hover {\n background-color: var(--clll-color-neutral-900);\n}\n.clll-pill.clll-pill--primary {\n background-color: var(--clll-color-primary-300);\n}\n.clll-pill.clll-pill--primary span:nth-child(2) {\n background-color: var(--clll-color-primary-400);\n}\n.clll-pill.clll-pill--primary.clll-pill--clickable:hover {\n background-color: var(--clll-color-primary-600);\n}\n.clll-pill.clll-pill--default, .clll-pill.clll-pill--secondary {\n background-color: var(--clll-color-secondary-300);\n}\n.clll-pill.clll-pill--default span:nth-child(2), .clll-pill.clll-pill--secondary span:nth-child(2) {\n background-color: var(--clll-color-secondary-400);\n}\n.clll-pill.clll-pill--default.clll-pill--clickable:hover, .clll-pill.clll-pill--secondary.clll-pill--clickable:hover {\n background-color: var(--clll-color-secondary-600);\n}\n.clll-pill.clll-pill--danger {\n background-color: var(--clll-color-danger-300);\n}\n.clll-pill.clll-pill--danger span:nth-child(2) {\n background-color: var(--clll-color-danger-400);\n}\n.clll-pill.clll-pill--danger.clll-pill--clickable:hover {\n background-color: var(--clll-color-danger-600);\n}\n.clll-pill.clll-pill--warning {\n background-color: var(--clll-color-warning-300);\n}\n.clll-pill.clll-pill--warning span:nth-child(2) {\n background-color: var(--clll-color-warning-400);\n}\n.clll-pill.clll-pill--warning.clll-pill--clickable:hover {\n background-color: var(--clll-color-warning-600);\n}\n.clll-pill.clll-pill--success {\n background-color: var(--clll-color-success-300);\n}\n.clll-pill.clll-pill--success span:nth-child(2) {\n background-color: var(--clll-color-success-400);\n}\n.clll-pill.clll-pill--success.clll-pill--clickable:hover {\n background-color: var(--clll-color-success-600);\n}\n.clll-pill.clll-pill--info {\n background-color: var(--clll-color-info-300);\n}\n.clll-pill.clll-pill--info span:nth-child(2) {\n background-color: var(--clll-color-info-400);\n}\n.clll-pill.clll-pill--info.clll-pill--clickable:hover {\n background-color: var(--clll-color-info-600);\n}\n.clll-pill.clll-pill--outline, .clll-pill.clll-pill--outline-secondary {\n border: 1px var(--clll-color-secondary-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline span:nth-child(2), .clll-pill.clll-pill--outline-secondary span:nth-child(2) {\n border-left: 1px solid var(--clll-color-secondary-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline.clll-pill--clickable:hover, .clll-pill.clll-pill--outline-secondary.clll-pill--clickable:hover {\n border-color: var(--clll-color-secondary-700);\n}\n.clll-pill.clll-pill--outline-primary {\n border: 1px var(--clll-color-primary-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-primary span:nth-child(2) {\n border-left: 1px solid var(--clll-color-primary-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-primary.clll-pill--clickable:hover {\n border-color: var(--clll-color-primary-700);\n}\n.clll-pill.clll-pill--outline-danger {\n border: 1px var(--clll-color-danger-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-danger span:nth-child(2) {\n border-left: 1px solid var(--clll-color-danger-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-danger.clll-pill--clickable:hover {\n border-color: var(--clll-color-danger-700);\n}\n.clll-pill.clll-pill--outline-warning {\n border: 1px var(--clll-color-warning-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-warning span:nth-child(2) {\n border-left: 1px solid var(--clll-color-warning-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-warning.clll-pill--clickable:hover {\n border-color: var(--clll-color-warning-700);\n}\n.clll-pill.clll-pill--outline-success {\n border: 1px var(--clll-color-success-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-success span:nth-child(2) {\n border-left: 1px solid var(--clll-color-success-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-success.clll-pill--clickable:hover {\n border-color: var(--clll-color-success-700);\n}\n.clll-pill.clll-pill--outline-info {\n border: 1px var(--clll-color-info-600) solid;\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-info span:nth-child(2) {\n border-left: 1px solid var(--clll-color-info-600);\n background-color: transparent;\n}\n.clll-pill.clll-pill--outline-info.clll-pill--clickable:hover {\n border-color: var(--clll-color-info-700);\n}\n.clll-pill.clll-pill--elevated {\n box-shadow: 0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-2) rgba(0, 0, 0, 0.1));\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-radiobutton {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n align-items: flex-start;\n flex-direction: column;\n overflow: visible;\n}\n.clll-radiobutton .clll-radiobutton__label {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n text-align: left;\n user-select: none;\n cursor: pointer;\n}\n.clll-radiobutton .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-radiobutton .clll-radiobutton__label .clll-text {\n display: inline-flex;\n align-items: center;\n}\n.clll-radiobutton .clll-radiobutton__label .clll-text .clll-radiobutton__label--required {\n font-size: var(--clll-unit-5);\n color: var(--clll-color-danger-dark-30);\n margin-left: var(--clll-unit-0_5);\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton {\n background-color: white;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton-container .clll-radiobutton__radiobutton-frame .clll-radiobutton__radiobutton:not(:checked) + .clll-radiobutton__indicator {\n display: none;\n}\n.clll-radiobutton .clll-radiobutton__indicator {\n position: absolute;\n display: inline-flex;\n border-radius: var(--clll-rounded-full);\n background-color: white;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton {\n display: inline-block;\n appearance: none;\n background-color: white;\n border-width: 1px;\n cursor: pointer;\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--rounded .clll-radiobutton__radiobutton {\n border-radius: var(--clll-rounded-full);\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-primary-dark-15);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus-visible {\n outline: 2px solid var(--clll-color-primary-dark-15);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=checkbox], .clll-radiobutton.clll-radiobutton--default .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=radio] {\n border-color: var(--clll-color-primary-dark-15) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label {\n cursor: not-allowed;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-secondary-light-60);\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked:focus-visible {\n outline: 2px solid var(--clll-color-secondary-light-45);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=checkbox], .clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked[type=radio] {\n border-color: var(--clll-color-secondary-light-45) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-secondary-light-45);\n}\n.clll-radiobutton.clll-radiobutton--disabled .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-text {\n color: var(--clll-color-secondary-light-30);\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-danger-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-danger-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--danger .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-danger-dark-30);\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-success-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-success-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--success .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:checked {\n background-color: var(--clll-color-success-dark);\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n outline: 2px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus {\n background-color: \"\";\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton:focus-visible {\n outline: 2px solid var(--clll-color-warning-dark-30);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=checkbox], .clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton[type=radio] {\n border-color: var(--clll-color-warning-dark-30) !important;\n outline-color: transparent;\n}\n.clll-radiobutton.clll-radiobutton--warning .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n background-color: var(--clll-color-warning-dark-30);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1_5);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-radiobutton.clll-radiobutton--tiny .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-1_5);\n height: var(--clll-unit-1_5);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-radiobutton.clll-radiobutton--small .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-2);\n height: var(--clll-unit-2);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2_5);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-radiobutton.clll-radiobutton--medium .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-2_5);\n height: var(--clll-unit-2_5);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-7);\n height: var(--clll-unit-7);\n}\n.clll-radiobutton.clll-radiobutton--large .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-3);\n height: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-3);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__radiobutton {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}\n.clll-radiobutton.clll-radiobutton--xlarge .clll-radiobutton__radiobutton-container .clll-radiobutton__label .clll-radiobutton__indicator {\n width: var(--clll-unit-3_5);\n height: var(--clll-unit-3_5);\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-select {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-select.clll-select--haslabel:not(.clll-select--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-select.clll-select--haslabel .clll-select__label {\n text-align: left;\n}\n.clll-select.clll-select--haslabel .clll-select__label > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-1);\n}\n.clll-select.clll-select--haslabel .clll-select__label .clll-text.clll-select__label--required::after {\n font-weight: 500;\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-select .clll-select__select-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-select .clll-select__select-container .clll-select__select {\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select .clll-select__select-container .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select .clll-select__select-container .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-select .clll-select__select-container .clll-select__select[type=checkbox], .clll-select .clll-select__select-container .clll-select__select[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-select .clll-select__icon {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n display: flex;\n align-items: center;\n pointer-events: none;\n}\n.clll-select .clll-select__icon .clll-icon {\n color: var(--clll-color-secondary-light-15);\n}\n.clll-select.clll-select--rounded .clll-select__select-container,\n.clll-select.clll-select--rounded .clll-select__select {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-select.clll-select--default .clll-select__select-container {\n border-color: var(--clll-color-secondary-light-30);\n}\n.clll-select.clll-select--disabled .clll-select__select-container {\n background-color: var(--clll-color-secondary-light-60);\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-select.clll-select--disabled .clll-select__select-container .clll-select__select {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-select.clll-select--danger .clll-select__select {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--danger .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--danger .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-select.clll-select--danger .clll-select__select[type=checkbox], .clll-select.clll-select--danger .clll-select__select[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--success .clll-select__select {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--success .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--success .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-select.clll-select--success .clll-select__select[type=checkbox], .clll-select.clll-select--success .clll-select__select[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--warning .clll-select__select {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-select.clll-select--warning .clll-select__select:focus {\n background-color: \"\";\n}\n.clll-select.clll-select--warning .clll-select__select:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-select.clll-select--warning .clll-select__select[type=checkbox], .clll-select.clll-select--warning .clll-select__select[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-select.clll-select--tiny .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-xs);\n padding-right: var(--clll-unit-5);\n}\n.clll-select.clll-select--tiny .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-1);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-5);\n padding-right: var(--clll-unit-9);\n}\n.clll-select.clll-select--tiny.clll-select--hasfloatinglabel .clll-select__icon {\n padding-right: var(--clll-unit-2);\n}\n.clll-select.clll-select--small .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-sm);\n padding-right: var(--clll-unit-7);\n}\n.clll-select.clll-select--small .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-2);\n}\n.clll-select.clll-select--small.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-2_5);\n}\n.clll-select.clll-select--small.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-6);\n padding-right: var(--clll-unit-11);\n}\n.clll-select.clll-select--medium .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-md);\n padding-right: var(--clll-unit-10);\n}\n.clll-select.clll-select--medium .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-3);\n}\n.clll-select.clll-select--medium.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-3);\n}\n.clll-select.clll-select--medium.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-7);\n padding-right: var(--clll-unit-13);\n}\n.clll-select.clll-select--large .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-lg);\n padding-right: var(--clll-unit-14);\n}\n.clll-select.clll-select--large .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-3_5);\n}\n.clll-select.clll-select--large.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-3_5);\n}\n.clll-select.clll-select--large.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-8);\n}\n.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__select {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-xl) var(--clll-px-xl);\n padding-right: var(--clll-unit-18);\n}\n.clll-select.clll-select--xlarge .clll-select__select-container .clll-select__icon {\n padding-right: var(--clll-unit-4);\n}\n.clll-select.clll-select--xlarge.clll-select--hasfloatinglabel .clll-select__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-4);\n}\n.clll-select.clll-select--xlarge.clll-select--hasfloatinglabel .clll-select__select {\n padding-top: var(--clll-unit-9);\n}\n.clll-select.clll-select--hasfloatinglabel .clll-select__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-select.clll-select--hasfloatinglabel .clll-select__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-select.clll-select--fluid {\n width: 100%;\n}\n.clll-select.clll-select--fluid .clll-select__select-container {\n width: 100%;\n}\n.clll-select.clll-select--hidden {\n display: none;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-skeleton {\n position: relative;\n overflow: hidden;\n width: var(--0e6ed535);\n height: var(--b4c650d0);\n background-color: rgba(0, 0, 0, 0.075);\n}\n.clll-skeleton.clll-skeleton--rounded {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-skeleton .clll-skeleton__animation {\n position: absolute;\n top: 0;\n left: 0;\n width: 14rem;\n height: 100%;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));\n animation: animate infinite 2s ease-in-out;\n}\n@keyframes animate {\nfrom {\n left: -14rem;\n}\nto {\n left: 100%;\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-spinner {\n display: flex;\n}\n.clll-spinner.clll-spinner--absolute {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.clll-spinner.clll-spinner--relative {\n position: relative;\n}\n.clll-spinner.clll-spinner--primary {\n color: var(--clll-color-primary-500);\n}\n.clll-spinner.clll-spinner--default, .clll-spinner.clll-spinner--secondary {\n color: var(--clll-color-secondary-800);\n}\n.clll-spinner.clll-spinner--light {\n color: var(--clll-color-secondary-100);\n}\n.clll-spinner.clll-spinner--dark {\n color: var(--clll-color-secondary-900);\n}\n.clll-spinner.clll-spinner--danger {\n color: var(--clll-color-danger-500);\n}\n.clll-spinner.clll-spinner--warning {\n color: var(--clll-color-warning-500);\n}\n.clll-spinner.clll-spinner--success {\n color: var(--clll-color-success-500);\n}\n.clll-spinner.clll-spinner--info {\n color: var(--clll-color-info-500);\n}\n.clll-spinner.clll-spinner--left {\n align-items: center;\n justify-content: flex-start;\n}\n.clll-spinner.clll-spinner--center {\n align-items: center;\n justify-content: center;\n}\n.clll-spinner.clll-spinner--right {\n align-items: center;\n justify-content: flex-end;\n}\n.clll-spinner .clll-spinner__circle {\n animation: spin 1s linear infinite;\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--tiny {\n width: var(--clll-unit-4);\n height: var(--clll-unit-4);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--small {\n width: var(--clll-unit-5);\n height: var(--clll-unit-5);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--medium {\n width: var(--clll-unit-6);\n height: var(--clll-unit-6);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--large {\n width: var(--clll-unit-8);\n height: var(--clll-unit-8);\n}\n.clll-spinner .clll-spinner__circle.clll-spinner__circle--xlarge {\n width: var(--clll-unit-10);\n height: var(--clll-unit-10);\n}\n@keyframes spin {\nto {\n transform: rotate(360deg);\n}\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-table-container.clll-table--rounded {\n overflow: hidden;\n border-radius: var(--clll-rounded-sm);\n}\n.clll-table-container.clll-table--bordered {\n border: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border-collapse: collapse;\n border-spacing: 0;\n vertical-align: baseline;\n position: relative;\n table-layout: auto;\n width: 100%;\n}\n.clll-table-container .clll-table .clll-table__row {\n height: var(--36f1cb79);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__header .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__header .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:hover, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:hover {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__body .clll-table__row:last-child, .clll-table-container .clll-table.clll-table--condensed .clll-table__body .clll-table__row:last-child {\n border-bottom: 0;\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__footer .clll-table__row, .clll-table-container .clll-table.clll-table--condensed .clll-table__footer .clll-table__row {\n border-top: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--default .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-3) var(--clll-unit-4);\n}\n.clll-table-container .clll-table.clll-table--condensed .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-2_5);\n}\n.clll-table-container .clll-table.clll-table--plain .clll-table__row .clll-table__cell {\n padding: var(--clll-unit-2);\n}\n.clll-table-container .clll-table.clll-table--striped .clll-table__body .clll-table__row:nth-child(even) {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__header .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__body .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--vertical-lines .clll-table__footer .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__header .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row {\n border-bottom: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-200);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__body .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell {\n border-right: 1px solid var(--clll-color-secondary-500);\n}\n.clll-table-container .clll-table.clll-table--bordered .clll-table__footer .clll-table__row .clll-table__cell:last-child {\n border-right: 0;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-table__cell {\n text-align: left;\n max-width: 0;\n}\n.clll-table__cell > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1);\n}\n.clll-table__cell.clll-table__cell--number, .clll-table__cell.clll-table__cell--hasactions {\n text-align: right;\n}\n.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n}\n.clll-table__cell.clll-table__cell--hasactions .clll-table__cell__actions > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-2);\n}\n.clll-table__cell.clll-table__cell--active {\n background-color: var(--clll-color-secondary-200);\n}\n.clll-table__cell.clll-table__cell--clickable {\n cursor: pointer;\n}.clll-table__footer .clll-table__row .clll-table__cell {\n font-weight: 700;\n}.clll-table__row.clll-table__row--clickable {\n cursor: pointer;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-text {\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n margin: 0;\n color: var(--clll-color-neutral-100);\n}\n.clll-text.clll-text--body {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n}\n.clll-text.clll-text--summary {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-text.clll-text--tiny {\n font-size: var(--clll-unit-2_5);\n line-height: var(--clll-unit-3_5);\n}\n.clll-text.clll-text--small {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n}\n.clll-text.clll-text--medium {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n}\n.clll-text.clll-text--large {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n}\n.clll-text.clll-text--xlarge {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n}\n.clll-text.clll-text--light {\n color: var(--clll-color-neutral-200);\n}\n.clll-text.clll-text--dark {\n color: var(--clll-color-neutral-600);\n}\n.clll-text.clll-text--wrap {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.clll-text.clll-link--dark {\n color: var(--clll-color-neutral-600);\n}\n.clll-text.clll-text--label {\n font-weight: 500;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-textarea {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n flex-direction: column;\n align-items: flex-start;\n overflow: visible;\n}\n.clll-textarea.clll-textarea--haslabel:not(.clll-textarea--hasfloatinglabel) > :not([hidden]) ~ :not([hidden]) {\n margin-top: var(--clll-unit-1_5);\n}\n.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text {\n font-weight: 500;\n}\n.clll-textarea.clll-textarea--haslabel .clll-textarea__label .clll-text.clll-textarea__label--required::after {\n position: relative;\n top: var(--clll-unit-1);\n content: \"*\";\n font-size: var(--clll-unit-4_5);\n font-weight: 500;\n color: var(--clll-color-danger-dark-30);\n text-decoration: unset;\n margin-inline-start: var(--clll-unit-0_5);\n box-sizing: content-box;\n line-height: 0;\n}\n.clll-textarea .clll-textarea__input-container {\n position: relative;\n overflow: hidden;\n border-radius: 0;\n flex: none;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n overflow: visible;\n}\n.clll-textarea .clll-textarea__input {\n resize: none;\n display: inline-block;\n appearance: none;\n background-color: white;\n color: var(--clll-text);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n font-family: var(--clll-font-family);\n -webkit-font-smoothing: antialiased;\n border: 1px solid var(--clll-color-secondary-light-45);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-secondary-900);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-secondary-100);\n}\n.clll-textarea .clll-textarea__input[type=checkbox], .clll-textarea .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-secondary-900) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--resizable .clll-textarea__input {\n resize: both;\n}\n.clll-textarea.clll-textarea--rounded .clll-textarea__input-container,\n.clll-textarea.clll-textarea--rounded .clll-textarea__input {\n border-radius: var(--clll-rounded-xs);\n}\n.clll-textarea.clll-textarea--disabled .clll-textarea__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-textarea.clll-textarea--disabled .clll-textarea__input-container .clll-textarea__input {\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-textarea.clll-textarea--readonly .clll-textarea__input-container {\n border-color: var(--clll-color-secondary-light-45);\n}\n.clll-textarea.clll-textarea--readonly .clll-textarea__input-container .clll-textarea__input {\n cursor: not-allowed;\n resize: none;\n background-color: var(--clll-color-secondary-light-60);\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input {\n border: 1px solid var(--clll-color-danger-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-danger-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-danger-light-60);\n}\n.clll-textarea.clll-textarea--danger .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--danger .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-danger-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input {\n border: 1px solid var(--clll-color-success-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-success-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-success-light-60);\n}\n.clll-textarea.clll-textarea--success .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--success .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-success-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input {\n border: 1px solid var(--clll-color-warning-dark);\n margin: 0;\n padding: 0;\n display: inline-block;\n vertical-align: middle;\n white-space: normal;\n background: white;\n line-height: 1;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n outline: 1px solid rgba(0, 0, 0, 0);\n outline-offset: 0;\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input:focus {\n background-color: \"\";\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input:focus-visible {\n outline: 1px solid var(--clll-color-warning-dark);\n box-shadow: 0 0 0 var(--clll-unit-1) var(--clll-color-warning-light-60);\n}\n.clll-textarea.clll-textarea--warning .clll-textarea__input[type=checkbox], .clll-textarea.clll-textarea--warning .clll-textarea__input[type=radio] {\n border-color: var(--clll-color-warning-dark) !important;\n outline-color: transparent;\n}\n.clll-textarea.clll-textarea--tiny .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-3);\n line-height: var(--clll-unit-4);\n padding: var(--clll-py-xs) var(--clll-px-sm);\n}\n.clll-textarea.clll-textarea--tiny.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-0_5);\n left: var(--clll-unit-2);\n}\n.clll-textarea.clll-textarea--tiny.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-5);\n}\n.clll-textarea.clll-textarea--small .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-3_5);\n line-height: var(--clll-unit-5);\n padding: var(--clll-py-sm) var(--clll-px-md);\n}\n.clll-textarea.clll-textarea--small.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-1);\n left: var(--clll-unit-2_5);\n}\n.clll-textarea.clll-textarea--small.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-6);\n}\n.clll-textarea.clll-textarea--medium .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-4);\n line-height: var(--clll-unit-6);\n padding: var(--clll-py-md) var(--clll-px-lg);\n}\n.clll-textarea.clll-textarea--medium.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-1_5);\n left: var(--clll-unit-3);\n}\n.clll-textarea.clll-textarea--medium.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-7);\n}\n.clll-textarea.clll-textarea--large .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-4_5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-lg) var(--clll-px-2xl);\n}\n.clll-textarea.clll-textarea--large.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-2);\n left: var(--clll-unit-4);\n}\n.clll-textarea.clll-textarea--large.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-8);\n}\n.clll-textarea.clll-textarea--xlarge .clll-textarea__input-container .clll-textarea__input {\n font-size: var(--clll-unit-5);\n line-height: var(--clll-unit-7);\n padding: var(--clll-py-2xl) var(--clll-px-3xl);\n}\n.clll-textarea.clll-textarea--xlarge.clll-textarea--hasfloatinglabel .clll-textarea__label {\n top: var(--clll-unit-2_5);\n left: var(--clll-unit-5);\n}\n.clll-textarea.clll-textarea--xlarge.clll-textarea--hasfloatinglabel .clll-textarea__input-container .clll-textarea__input {\n padding-top: var(--clll-unit-9);\n}\n.clll-textarea.clll-textarea--hasfloatinglabel .clll-textarea__label {\n position: absolute;\n z-index: var(--clll-z-index-10);\n pointer-events: none;\n}\n.clll-textarea.clll-textarea--hasfloatinglabel .clll-textarea__label .clll-text {\n font-weight: 400;\n color: var(--clll-color-secondary-light);\n}\n.clll-textarea.clll-textarea--fluid {\n width: 100%;\n}\n.clll-textarea.clll-textarea--fluid .clll-textarea__input-container {\n width: 100%;\n}\n.clll-textarea.clll-textarea--fluid .clll-textarea__input-container .clll-textarea__input {\n width: 100%;\n}/** Naming Convention **/\n/* --cll-[rule|thing]-[modifier]-[?modifier] */\n/* sizes */\n:root {\n --clll-color-primary-100: #edfff6;\n --clll-color-primary-200: rgb(177.75, 255, 219.5);\n --clll-color-primary-300: rgb(118.5, 255, 193);\n --clll-color-primary-400: rgb(59.25, 255, 166.5);\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: rgb(0, 219.5, 120.5);\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: rgb(0, 148.5, 81.5);\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: rgb(241.75, 243, 244.75);\n --clll-color-secondary-300: rgb(237.5, 239, 241.5);\n --clll-color-secondary-400: rgb(233.25, 235, 238.25);\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: rgb(199.25, 201.75, 210);\n --clll-color-secondary-700: rgb(169.5, 172.5, 185);\n --clll-color-secondary-800: rgb(139.75, 143.25, 160);\n --clll-color-secondary-900: #6e7287;\n --clll-color-link-100: #ecfff5;\n --clll-color-link-200: #b1dac6;\n --clll-color-link-300: #76b597;\n --clll-color-link-400: #3b9068;\n --clll-color-link-500: #006b39;\n --clll-color-link-600: rgb(0, 120.75, 61.25);\n --clll-color-link-700: rgb(0, 134.5, 65.5);\n --clll-color-link-800: rgb(0, 148.25, 69.75);\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: rgb(247.5, 201.25, 201.25);\n --clll-color-danger-300: rgb(242, 159.5, 159.5);\n --clll-color-danger-400: rgb(236.5, 117.75, 117.75);\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: rgb(217.75, 65.75, 65.75);\n --clll-color-danger-700: rgb(204.5, 55.5, 55.5);\n --clll-color-danger-800: rgb(191.25, 45.25, 45.25);\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: rgb(252.5, 237.25, 182.5);\n --clll-color-warning-300: rgb(250, 221.5, 130);\n --clll-color-warning-400: rgb(247.5, 205.75, 77.5);\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: rgb(212.75, 159, 20);\n --clll-color-warning-700: rgb(180.5, 128, 15);\n --clll-color-warning-800: rgb(148.25, 97, 10);\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: rgb(188.5, 239, 207);\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: rgb(85.5, 211, 131);\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: rgb(30.75, 179.75, 84.75);\n --clll-color-success-700: rgb(27.5, 162.5, 76.5);\n --clll-color-success-800: rgb(24.25, 145.25, 68.25);\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: rgb(198.75, 220.25, 253.25);\n --clll-color-info-300: rgb(158.5, 194.5, 251.5);\n --clll-color-info-400: rgb(118.25, 168.75, 249.75);\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: rgb(65.75, 127, 240);\n --clll-color-info-700: rgb(53.5, 111, 232);\n --clll-color-info-800: rgb(41.25, 95, 224);\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: rgb(224.375, 224.375, 224.375);\n --clll-color-neutral-300: rgb(193.75, 193.75, 193.75);\n --clll-color-neutral-400: rgb(163.125, 163.125, 163.125);\n --clll-color-neutral-500: rgb(132.5, 132.5, 132.5);\n --clll-color-neutral-600: rgb(101.875, 101.875, 101.875);\n --clll-color-neutral-700: rgb(71.25, 71.25, 71.25);\n --clll-color-neutral-800: rgb(40.625, 40.625, 40.625);\n --clll-color-neutral-900: #0a0a0a;\n /* palette */\n --clll-primary-h: 153;\n --clll-primary-s: 100%;\n --clll-primary-l: 50%;\n --clll-secondary-h: 0;\n --clll-secondary-s: 0%;\n --clll-secondary-l: 35%;\n --clll-link-h: 152;\n --clll-link-s: 100%;\n --clll-link-l: 21%;\n --clll-danger-h: 0;\n --clll-danger-s: 91%;\n --clll-danger-l: 71%;\n --clll-warning-h: 48;\n --clll-warning-s: 96%;\n --clll-warning-l: 53%;\n --clll-success-h: 142;\n --clll-success-s: 69%;\n --clll-success-l: 58%;\n --clll-info-h: 213;\n --clll-info-s: 94%;\n --clll-info-l: 68%;\n --clll-font-family: ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n /* sizes */\n --clll-unit-0: 0;\n --clll-unit-0_5: 0.125rem;\n --clll-unit-1: 0.25rem;\n --clll-unit-1_5: 0.375rem;\n --clll-unit-2: 0.5rem;\n --clll-unit-2_5: 0.625rem;\n --clll-unit-3: 0.75rem;\n --clll-unit-3_5: 0.875rem;\n --clll-unit-4: 1rem;\n --clll-unit-4_5: 1.125rem;\n --clll-unit-5: 1.25rem;\n --clll-unit-6: 1.5rem;\n --clll-unit-7: 1.75rem;\n --clll-unit-8: 2rem;\n --clll-unit-9: 2.25rem;\n --clll-unit-10: 2.5rem;\n --clll-unit-11: 2.75rem;\n --clll-unit-12: 3rem;\n --clll-unit-13: 3.25rem;\n --clll-unit-14: 3.5rem;\n --clll-unit-15: 3.75rem;\n --clll-unit-16: 4rem;\n --clll-unit-17: 4.25rem;\n --clll-unit-18: 4.5rem;\n --clll-unit-19: 4.75rem;\n --clll-unit-20: 5rem;\n --clll-color-link: hsl(\n var(--clll-link-h),\n var(--clll-link-s),\n var(--clll-link-l)\n );\n /* primary */\n --clll-color-primary-light: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 5%)\n );\n --clll-color-primary-light-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 10%)\n );\n --clll-color-primary-light-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 15%)\n );\n --clll-color-primary-light-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 20%)\n );\n --clll-color-primary-light-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) + 25%)\n );\n --clll-color-primary: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n var(--clll-primary-l)\n );\n --clll-color-primary-dark: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 4%)\n );\n --clll-color-primary-dark-15: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 14%)\n );\n --clll-color-primary-dark-30: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 29%)\n );\n --clll-color-primary-dark-45: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 44%)\n );\n --clll-color-primary-dark-60: hsl(\n var(--clll-primary-h),\n var(--clll-primary-s),\n calc(var(--clll-primary-l) - 59%)\n );\n /* secondary */\n --clll-color-secondary-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-color-secondary-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-color-secondary-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-color-secondary-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 30%)\n );\n --clll-color-secondary-light-55: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 55%)\n );\n --clll-color-secondary-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-color-secondary: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-color-secondary-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-color-secondary-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-color-secondary-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-color-secondary-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-color-secondary-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* danger */\n --clll-color-danger-light: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 5%)\n );\n --clll-color-danger-light-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 10%)\n );\n --clll-color-danger-light-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 15%)\n );\n --clll-color-danger-light-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 20%)\n );\n --clll-color-danger-light-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) + 25%)\n );\n --clll-color-danger: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n var(--clll-danger-l)\n );\n --clll-color-danger-dark: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 4%)\n );\n --clll-color-danger-dark-15: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 14%)\n );\n --clll-color-danger-dark-30: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 29%)\n );\n --clll-color-danger-dark-45: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 44%)\n );\n --clll-color-danger-dark-60: hsl(\n var(--clll-danger-h),\n var(--clll-danger-s),\n calc(var(--clll-danger-l) - 59%)\n );\n /* warning */\n --clll-color-warning-light: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 5%)\n );\n --clll-color-warning-light-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 10%)\n );\n --clll-color-warning-light-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 15%)\n );\n --clll-color-warning-light-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 20%)\n );\n --clll-color-warning-light-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-warning: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n var(--clll-warning-l)\n );\n --clll-color-warning-dark: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 4%)\n );\n --clll-color-warning-dark-15: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 14%)\n );\n --clll-color-warning-dark-30: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 29%)\n );\n --clll-color-warning-dark-45: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 44%)\n );\n --clll-color-warning-dark-60: hsl(\n var(--clll-warning-h),\n var(--clll-warning-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* success */\n --clll-color-success-light: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 5%)\n );\n --clll-color-success-light-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 10%)\n );\n --clll-color-success-light-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 15%)\n );\n --clll-color-success-light-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) + 20%)\n );\n --clll-color-success-light-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) + 25%)\n );\n --clll-color-success: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n var(--clll-success-l)\n );\n --clll-color-success-dark: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 5%)\n );\n --clll-color-success-dark-15: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 14%)\n );\n --clll-color-success-dark-30: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 29%)\n );\n --clll-color-success-dark-45: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-success-l) - 44%)\n );\n --clll-color-success-dark-60: hsl(\n var(--clll-success-h),\n var(--clll-success-s),\n calc(var(--clll-warning-l) - 59%)\n );\n /* info */\n --clll-color-info-light: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 4%)\n );\n --clll-color-info-light-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 10%)\n );\n --clll-color-info-light-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 15%)\n );\n --clll-color-info-light-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 20%)\n );\n --clll-color-info-light-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) + 25%)\n );\n --clll-color-info: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n var(--clll-info-l)\n );\n --clll-color-info-dark: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 4%)\n );\n --clll-color-info-dark-15: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 14%)\n );\n --clll-color-info-dark-30: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 29%)\n );\n --clll-color-info-dark-45: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 44%)\n );\n --clll-color-info-dark-60: hsl(\n var(--clll-info-h),\n var(--clll-info-s),\n calc(var(--clll-info-l) - 59%)\n );\n /* text colors */\n --clll-text-light: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 4%)\n );\n --clll-text-light-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 14%)\n );\n --clll-text-light-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 29%)\n );\n --clll-text-light-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 44%)\n );\n --clll-text-light-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) + 59%)\n );\n --clll-text: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n var(--clll-secondary-l)\n );\n --clll-text-dark: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 4%)\n );\n --clll-text-dark-15: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 14%)\n );\n --clll-text-dark-30: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 29%)\n );\n --clll-text-dark-45: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 44%)\n );\n --clll-text-dark-60: hsl(\n var(--clll-secondary-h),\n var(--clll-secondary-s),\n calc(var(--clll-secondary-l) - 59%)\n );\n /* padding left+right */\n --clll-px-xs: var(--clll-unit-1_5);\n --clll-px-sm: var(--clll-unit-2);\n --clll-px-md: var(--clll-unit-2_5);\n --clll-px-lg: var(--clll-unit-3);\n --clll-px-xl: var(--clll-unit-3_5);\n --clll-px-2xl: var(--clll-unit-4);\n --clll-px-3xl: var(--clll-unit-4_5);\n --clll-px-4xl: var(--clll-unit-5);\n --clll-px-5xl: var(--clll-unit-6);\n --clll-px-6xl: var(--clll-unit-7);\n --clll-px-s-xs: calc(var(--clll-px-xs) * 0.5);\n --clll-px-s-sm: calc(var(--clll-px-sm) * 0.5);\n --clll-px-s-md: calc(var(--clll-px-md) * 0.5);\n --clll-px-s-lg: calc(var(--clll-px-lg) * 0.5);\n --clll-px-s-xl: calc(var(--clll-px-xl) * 0.5);\n --clll-px-s-2xl: calc(var(--clll-px-2xl) * 0.5);\n --clll-px-s-3xl: calc(var(--clll-px-3xl) * 0.5);\n /* padding top+bottom */\n --clll-py-xs: calc(var(--clll-unit-1) - 1px);\n --clll-py-sm: calc(var(--clll-unit-1_5) - 1px);\n --clll-py-md: calc(var(--clll-unit-2) - 1px);\n --clll-py-lg: var(--clll-unit-2);\n --clll-py-xl: var(--clll-unit-2_5);\n --clll-py-2xl: var(--clll-unit-3);\n --clll-py-3xl: var(--clll-unit-3_5);\n --clll-py-4xl: var(--clll-unit-4);\n --clll-py-5xl: var(--clll-unit-4_5);\n --clll-py-6xl: var(--clll-unit-5);\n --clll-py-s-xs: calc(var(--clll-py-xs) * 0.5);\n --clll-py-s-sm: calc(var(--clll-py-sm) * 0.5);\n --clll-py-s-md: calc(var(--clll-py-md) * 0.5);\n --clll-py-s-lg: calc(var(--clll-py-lg) * 0.5);\n --clll-py-s-xl: calc(var(--clll-py-xl) * 0.5);\n --clll-py-s-2xl: calc(var(--clll-py-2xl) * 0.5);\n --clll-py-s-3xl: calc(var(--clll-py-3xl) * 0.5);\n /* rounded */\n --clll-rounded-full: 9999px;\n --clll-rounded-xs: var(--clll-unit-1);\n --clll-rounded-sm: var(--clll-unit-2);\n --clll-rounded-md: var(--clll-unit-3);\n --clll-rounded-lg: var(--clll-unit-4);\n --clll-rounded-xl: var(--clll-unit-5);\n --clll-rounded-2xl: var(--clll-unit-6);\n --clll-rounded-3xl: var(--clll-unit-7);\n /* z-index */\n --clll-z-index-10: 10;\n}\n/* colors */\n/* badges */\n/* badges */\n/* buttons */\n/* cards */\n/* pills */\n/* text sizes */\n/* breakpoints */\n/* spacing */\n/* flex */\n/* drop shadow */\n/* helpers */\n/** classes **/\n/* spacing classes */\n.clll-space-x-0 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0;\n}\n.clll-space-x-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.125rem;\n}\n.clll-space-x-1 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.25rem;\n}\n.clll-space-x-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.375rem;\n}\n.clll-space-x-2 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.5rem;\n}\n.clll-space-x-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.625rem;\n}\n.clll-space-x-3 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.75rem;\n}\n.clll-space-x-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 0.875rem;\n}\n.clll-space-x-4 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1rem;\n}\n.clll-space-x-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.125rem;\n}\n.clll-space-x-5 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.25rem;\n}\n.clll-space-x-6 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.5rem;\n}\n.clll-space-x-7 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 1.75rem;\n}\n.clll-space-x-8 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2rem;\n}\n.clll-space-x-9 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.25rem;\n}\n.clll-space-x-10 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.5rem;\n}\n.clll-space-x-11 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 2.75rem;\n}\n.clll-space-x-12 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3rem;\n}\n.clll-space-x-13 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.25rem;\n}\n.clll-space-x-14 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.5rem;\n}\n.clll-space-x-15 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 3.75rem;\n}\n.clll-space-x-16 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4rem;\n}\n.clll-space-x-17 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.25rem;\n}\n.clll-space-x-18 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.5rem;\n}\n.clll-space-x-19 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 4.75rem;\n}\n.clll-space-x-20 > :not([hidden]) ~ :not([hidden]) {\n margin-left: 5rem;\n}\n.clll-space-y-0 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0;\n}\n.clll-space-y-0_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.125rem;\n}\n.clll-space-y-1 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.25rem;\n}\n.clll-space-y-1_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.375rem;\n}\n.clll-space-y-2 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n.clll-space-y-2_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.625rem;\n}\n.clll-space-y-3 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.75rem;\n}\n.clll-space-y-3_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.875rem;\n}\n.clll-space-y-4 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1rem;\n}\n.clll-space-y-4_5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.125rem;\n}\n.clll-space-y-5 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.25rem;\n}\n.clll-space-y-6 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.5rem;\n}\n.clll-space-y-7 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 1.75rem;\n}\n.clll-space-y-8 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2rem;\n}\n.clll-space-y-9 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.25rem;\n}\n.clll-space-y-10 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.5rem;\n}\n.clll-space-y-11 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 2.75rem;\n}\n.clll-space-y-12 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3rem;\n}\n.clll-space-y-13 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.25rem;\n}\n.clll-space-y-14 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.5rem;\n}\n.clll-space-y-15 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 3.75rem;\n}\n.clll-space-y-16 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4rem;\n}\n.clll-space-y-17 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.25rem;\n}\n.clll-space-y-18 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.5rem;\n}\n.clll-space-y-19 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 4.75rem;\n}\n.clll-space-y-20 > :not([hidden]) ~ :not([hidden]) {\n margin-top: 5rem;\n}\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.clll-toast {\n position: fixed;\n left: 0;\n bottom: var(--clll-unit-4);\n right: 0;\n margin-left: auto;\n margin-right: auto;\n overflow: hidden;\n width: 90%;\n background-color: var(--clll-color-neutral-900);\n transform: translateY(100vh);\n transition-property: color, opacity, background-color, border-color;\n transition-duration: 300ms;\n transition-timing-function: ease;\n box-shadow: 0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1);\n filter: drop-shadow(0 0 var(--clll-unit-3) rgba(0, 0, 0, 0.1));\n}\n@media (min-width: 768px) {\n.clll-toast {\n width: var(--396b261b);\n bottom: var(--clll-unit-8);\n}\n}\n.clll-toast .clll-toast__body {\n display: flex;\n align-items: center;\n padding-top: var(--clll-unit-2_5);\n padding-left: var(--clll-unit-4);\n padding-bottom: var(--clll-unit-2_5);\n padding-right: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body .clll-toast__content {\n display: flex;\n align-items: center;\n flex: 1 1 0%;\n}\n.clll-toast .clll-toast__body .clll-toast__content > :not([hidden]) ~ :not([hidden]) {\n margin-left: var(--clll-unit-4);\n}\n.clll-toast .clll-toast__body .clll-toast__content .clll-toast__icon {\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: white;\n padding: var(--clll-unit-2);\n border-radius: var(--clll-rounded-full);\n}\n.clll-toast .clll-toast__body .clll-toast__content .clll-toast__text {\n flex: 1 1 0%;\n}\n.clll-toast .clll-toast__timer-bar {\n position: absolute;\n left: 0;\n bottom: 0;\n height: var(--clll-unit-1);\n background-color: white;\n transform-origin: left;\n width: 100%;\n transform: translate3d(0, 0, 0) rotate(0) skewX(0) skewY(0) scaleX(0) scaleY(0);\n}\n.clll-toast.clll-toast--has-icon .clll-toast__body {\n padding-top: var(--clll-unit-2);\n padding-bottom: var(--clll-unit-2);\n}\n.clll-toast.clll-toast--has-titleandmessage .clll-toast__body {\n padding-top: var(--clll-unit-4);\n padding-bottom: var(--clll-unit-4);\n}\n.clll-toast.clll-toast--has-titleandmessage .clll-toast__body .clll-toast__content .clll-toast__text .clll-text--large {\n font-weight: 500;\n}\n.clll-toast.clll-toast--mounted {\n transform: translateY(0);\n}\n.clll-toast.clll-toast--rounded {\n border-radius: var(--clll-rounded-sm);\n}"));document.head.appendChild(elementStyle);}}catch(e){console.error('vite-plugin-css-injected-by-js', e);}
|
|
5
5
|
|
|
6
6
|
})();
|
|
7
7
|
import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, withKeys, renderSlot, createElementVNode, toDisplayString, useCssVars, createBlock, unref, withCtx, createCommentVNode, createTextVNode, createVNode, Comment, useSlots, onMounted, nextTick, onUpdated, Fragment, onUnmounted, renderList, h, withDirectives, vShow, normalizeStyle } from 'vue';
|
|
@@ -49,13 +49,16 @@ var HeadingTypes = /* @__PURE__ */ ((HeadingTypes2) => {
|
|
|
49
49
|
return HeadingTypes2;
|
|
50
50
|
})(HeadingTypes || {});
|
|
51
51
|
var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
52
|
+
IconNames2["Ai"] = "tabler:ai";
|
|
52
53
|
IconNames2["Archive"] = "tabler:archive";
|
|
53
54
|
IconNames2["ArrowBackUp"] = "tabler:arrow-back-up";
|
|
54
55
|
IconNames2["ArrowForwardUp"] = "tabler:arrow-forward-up";
|
|
55
56
|
IconNames2["ArrowsMove"] = "tabler:arrows-move";
|
|
56
57
|
IconNames2["ArrowBigUpLine"] = "tabler:arrow-big-up-line";
|
|
57
58
|
IconNames2["ArrowBigDownLine"] = "tabler:arrow-big-down-line";
|
|
59
|
+
IconNames2["ArrowBack"] = "tabler:arrow-back";
|
|
58
60
|
IconNames2["ArrowDown"] = "tabler:arrow-down";
|
|
61
|
+
IconNames2["ArrowForward"] = "tabler:arrow-forward";
|
|
59
62
|
IconNames2["ArrowLeft"] = "tabler:arrow-left";
|
|
60
63
|
IconNames2["ArrowRight"] = "tabler:arrow-right";
|
|
61
64
|
IconNames2["ArrowUp"] = "tabler:arrow-up";
|
|
@@ -66,9 +69,32 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
66
69
|
IconNames2["ArrowsMaximize"] = "tabler:arrows-maximize";
|
|
67
70
|
IconNames2["ArrowsMinimize"] = "tabler:arrows-minimize";
|
|
68
71
|
IconNames2["AtSign"] = "tabler:at";
|
|
72
|
+
IconNames2["Auth2fa"] = "tabler:auth-2fa";
|
|
69
73
|
IconNames2["Backspace"] = "tabler:backspace";
|
|
70
74
|
IconNames2["Book"] = "tabler:book";
|
|
71
75
|
IconNames2["Brush"] = "tabler:brush";
|
|
76
|
+
IconNames2["BrandApple"] = "tabler:brand-apple";
|
|
77
|
+
IconNames2["BrandAws"] = "tabler:brand-aws";
|
|
78
|
+
IconNames2["BrandCloudflare"] = "tabler:brand-cloudflare";
|
|
79
|
+
IconNames2["BrandFacebook"] = "tabler:brand-facebook-filled";
|
|
80
|
+
IconNames2["BrandGitlab"] = "tabler:brand-gitlab";
|
|
81
|
+
IconNames2["BrandGithub"] = "tabler:brand-github";
|
|
82
|
+
IconNames2["BrandGoogle"] = "tabler:brand-google-filled";
|
|
83
|
+
IconNames2["BrandInstagram"] = "tabler:brand-instagram";
|
|
84
|
+
IconNames2["BrandLinkedIn"] = "tabler:brand-linkedin";
|
|
85
|
+
IconNames2["BrandNpm"] = "tabler:brand-npm";
|
|
86
|
+
IconNames2["BrandNuxt"] = "tabler:brand-nuxt";
|
|
87
|
+
IconNames2["BrandReact"] = "tabler:brand-react";
|
|
88
|
+
IconNames2["BrandReactNative"] = "tabler:brand-react-native";
|
|
89
|
+
IconNames2["BrandSpotify"] = "tabler:brand-spotify";
|
|
90
|
+
IconNames2["BrandTidal"] = "tabler:brand-tidal";
|
|
91
|
+
IconNames2["BrandTikTok"] = "tabler:brand-tiktok";
|
|
92
|
+
IconNames2["BrandTwitter"] = "tabler:brand-twitter-filled";
|
|
93
|
+
IconNames2["BrandVercel"] = "tabler:brand-vercel";
|
|
94
|
+
IconNames2["BrandVue"] = "tabler:brand-vue";
|
|
95
|
+
IconNames2["BrandWhatsApp"] = "tabler:brand-whatsapp";
|
|
96
|
+
IconNames2["BrandX"] = "tabler:brand-x";
|
|
97
|
+
IconNames2["BrandYouTube"] = "tabler:brand-youtube-filled";
|
|
72
98
|
IconNames2["Check"] = "tabler:check";
|
|
73
99
|
IconNames2["ChevronLeft"] = "tabler:chevron-left";
|
|
74
100
|
IconNames2["ChevronRight"] = "tabler:chevron-right";
|
|
@@ -83,6 +109,16 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
83
109
|
IconNames2["Command"] = "tabler:command";
|
|
84
110
|
IconNames2["Contrast"] = "tabler:contrast";
|
|
85
111
|
IconNames2["Copy"] = "tabler:copy";
|
|
112
|
+
IconNames2["FileTypeCss"] = "tabler:file-type-css";
|
|
113
|
+
IconNames2["FileTypeCsv"] = "tabler:file-type-csv";
|
|
114
|
+
IconNames2["FileTypeHtml"] = "tabler:file-type-html";
|
|
115
|
+
IconNames2["FileTypePng"] = "tabler:file-type-png";
|
|
116
|
+
IconNames2["FileTypeJpg"] = "tabler:file-type-jpg";
|
|
117
|
+
IconNames2["FileTypeJs"] = "tabler:file-type-js";
|
|
118
|
+
IconNames2["FileTypeJsx"] = "tabler:file-type-jsx";
|
|
119
|
+
IconNames2["FileTypeSvg"] = "tabler:file-type-svg";
|
|
120
|
+
IconNames2["FileTypeTs"] = "tabler:file-type-ts";
|
|
121
|
+
IconNames2["FileTypeVue"] = "tabler:file-type-vue";
|
|
86
122
|
IconNames2["Dasboard"] = "tabler:dashboard";
|
|
87
123
|
IconNames2["Database"] = "tabler:database";
|
|
88
124
|
IconNames2["Delete"] = "tabler:x";
|
|
@@ -98,12 +134,10 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
98
134
|
IconNames2["ExternalLink"] = "tabler:external-link";
|
|
99
135
|
IconNames2["Eye"] = "tabler:eye";
|
|
100
136
|
IconNames2["EyeOff"] = "tabler:eye-off";
|
|
101
|
-
IconNames2["Facebook"] = "tabler:brand-facebook-filled";
|
|
102
137
|
IconNames2["FileText"] = "tabler:file-text";
|
|
103
138
|
IconNames2["Folder"] = "tabler:folder";
|
|
104
139
|
IconNames2["Forms"] = "tabler:forms";
|
|
105
140
|
IconNames2["Grid"] = "tabler:grid";
|
|
106
|
-
IconNames2["Google"] = "tabler:brand-google-filled";
|
|
107
141
|
IconNames2["Heading"] = "tabler:heading";
|
|
108
142
|
IconNames2["Help"] = "tabler:help";
|
|
109
143
|
IconNames2["HelpCircle"] = "tabler:help-circle";
|
|
@@ -112,7 +146,6 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
112
146
|
IconNames2["Image"] = "tabler:photo";
|
|
113
147
|
IconNames2["InfoCircle"] = "tabler:info-circle";
|
|
114
148
|
IconNames2["InfoSmall"] = "tabler:info-small";
|
|
115
|
-
IconNames2["Instagram"] = "tabler:brand-instagram";
|
|
116
149
|
IconNames2["Keyboard"] = "tabler:keyboard";
|
|
117
150
|
IconNames2["Layers"] = "tabler:layers-subtract";
|
|
118
151
|
IconNames2["Layout"] = "tabler:layout";
|
|
@@ -122,7 +155,6 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
122
155
|
IconNames2["LayoutSidebar"] = "tabler:layout-sidebar";
|
|
123
156
|
IconNames2["LayoutSidebarRight"] = "tabler:layout-sidebar-right";
|
|
124
157
|
IconNames2["Link"] = "tabler:link";
|
|
125
|
-
IconNames2["LinkedIn"] = "tabler:brand-linkedin";
|
|
126
158
|
IconNames2["LogIn"] = "tabler:login";
|
|
127
159
|
IconNames2["LogOut"] = "tabler:logout";
|
|
128
160
|
IconNames2["Palette"] = "tabler:palette";
|
|
@@ -148,6 +180,7 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
148
180
|
IconNames2["MoreVertical"] = "tabler:dots-vertical";
|
|
149
181
|
IconNames2["Movie"] = "tabler:movie";
|
|
150
182
|
IconNames2["Refresh"] = "tabler:refresh";
|
|
183
|
+
IconNames2["ShoppingCart"] = "tabler:shopping-cart";
|
|
151
184
|
IconNames2["Search"] = "tabler:search";
|
|
152
185
|
IconNames2["Settings"] = "tabler:settings";
|
|
153
186
|
IconNames2["Share"] = "tabler:share";
|
|
@@ -159,16 +192,11 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
|
|
|
159
192
|
IconNames2["Terminal"] = "tabler:terminal";
|
|
160
193
|
IconNames2["Terminal2"] = "tabler:terminal-2";
|
|
161
194
|
IconNames2["TextSize"] = "tabler:text-size";
|
|
162
|
-
IconNames2["TikTok"] = "tabler:brand-tiktok";
|
|
163
195
|
IconNames2["TrashCan"] = "tabler:trash";
|
|
164
|
-
IconNames2["Twitter"] = "tabler:brand-twitter-filled";
|
|
165
196
|
IconNames2["Typography"] = "tabler:typography";
|
|
166
197
|
IconNames2["Upload"] = "tabler:upload";
|
|
167
198
|
IconNames2["Video"] = "tabler:video";
|
|
168
|
-
IconNames2["WhatsApp"] = "tabler:brand-whatsapp";
|
|
169
199
|
IconNames2["WindowMaximize"] = "tabler:window-maximize";
|
|
170
|
-
IconNames2["X"] = "tabler:brand-x";
|
|
171
|
-
IconNames2["YouTube"] = "tabler:brand-youtube-filled";
|
|
172
200
|
return IconNames2;
|
|
173
201
|
})(IconNames || {});
|
|
174
202
|
var IconStrokeWeight = /* @__PURE__ */ ((IconStrokeWeight2) => {
|
|
@@ -562,7 +590,7 @@ const debounce = (fn, ms = 300) => {
|
|
|
562
590
|
};
|
|
563
591
|
};
|
|
564
592
|
|
|
565
|
-
const _hoisted_1$a = ["
|
|
593
|
+
const _hoisted_1$a = ["aria-label", "disabled", "form", "title", "type"];
|
|
566
594
|
const prefix$k = "clll-button";
|
|
567
595
|
const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
568
596
|
__name: "Button",
|
|
@@ -578,6 +606,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
578
606
|
iconSize: {},
|
|
579
607
|
link: { type: Boolean },
|
|
580
608
|
pill: { type: Boolean },
|
|
609
|
+
title: {},
|
|
581
610
|
type: { default: ButtonTypes.Button },
|
|
582
611
|
theme: { default: Themes.Default },
|
|
583
612
|
rounded: { type: Boolean, default: true },
|
|
@@ -589,8 +618,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
589
618
|
},
|
|
590
619
|
setup(__props) {
|
|
591
620
|
useCssVars((_ctx) => ({
|
|
592
|
-
"
|
|
593
|
-
"
|
|
621
|
+
"3b8d9c26": _ctx.width,
|
|
622
|
+
"1c56eec7": _ctx.height
|
|
594
623
|
}));
|
|
595
624
|
const slots = useSlots();
|
|
596
625
|
const props = __props;
|
|
@@ -623,7 +652,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
623
652
|
return openBlock(), createElementBlock("button", {
|
|
624
653
|
ref_key: "elem",
|
|
625
654
|
ref: elem,
|
|
626
|
-
|
|
655
|
+
"aria-label": _ctx.ariaLabel,
|
|
627
656
|
class: normalizeClass([
|
|
628
657
|
prefix$k,
|
|
629
658
|
`${prefix$k}--${_ctx.type}`,
|
|
@@ -640,7 +669,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
|
|
|
640
669
|
]),
|
|
641
670
|
disabled: _ctx.busy,
|
|
642
671
|
form: _ctx.form,
|
|
643
|
-
|
|
672
|
+
title: _ctx.title,
|
|
673
|
+
type: _ctx.type,
|
|
644
674
|
onClick: _cache[0] || (_cache[0] = //@ts-ignore
|
|
645
675
|
(...args) => _ctx.onClick && _ctx.onClick(...args))
|
|
646
676
|
}, [
|