@codeandfunction/callaloo 1.3.5 → 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.
Files changed (37) hide show
  1. package/dist/components/Assets/Icon.vue.d.ts +4 -4
  2. package/dist/components/Buttons/A11yButton.vue.d.ts +4 -4
  3. package/dist/components/Buttons/Button.vue.d.ts +5 -4
  4. package/dist/components/Containers/Card.vue.d.ts +4 -4
  5. package/dist/components/Containers/Carousel/Carousel.vue.d.ts +4 -4
  6. package/dist/components/Containers/Carousel/CarouselNavigation.vue.d.ts +1 -1
  7. package/dist/components/Containers/Disclosure.vue.d.ts +4 -4
  8. package/dist/components/Form/Checkbox.vue.d.ts +4 -4
  9. package/dist/components/Form/Input.vue.d.ts +4 -4
  10. package/dist/components/Form/InputMessages.vue.d.ts +1 -1
  11. package/dist/components/Form/RadioButton.vue.d.ts +4 -4
  12. package/dist/components/Form/Select.vue.d.ts +4 -4
  13. package/dist/components/Form/TextArea.vue.d.ts +4 -4
  14. package/dist/components/Indicators/Badge.vue.d.ts +4 -4
  15. package/dist/components/Indicators/Banner.vue.d.ts +4 -4
  16. package/dist/components/Indicators/Pill.vue.d.ts +4 -4
  17. package/dist/components/Loading/Skeleton.vue.d.ts +4 -4
  18. package/dist/components/Loading/Spinner.vue.d.ts +4 -4
  19. package/dist/components/Navigation/Link.vue.d.ts +4 -4
  20. package/dist/components/Navigation/NavLink.vue.d.ts +4 -4
  21. package/dist/components/Navigation/NavSection.vue.d.ts +4 -4
  22. package/dist/components/Popups/Menu.vue.d.ts +4 -4
  23. package/dist/components/Popups/Toast.vue.d.ts +4 -4
  24. package/dist/components/Table/Table.vue.d.ts +4 -4
  25. package/dist/components/Table/TableBody.vue.d.ts +1 -1
  26. package/dist/components/Table/TableCell.vue.d.ts +4 -4
  27. package/dist/components/Table/TableFooter.vue.d.ts +1 -1
  28. package/dist/components/Table/TableHeader.vue.d.ts +1 -1
  29. package/dist/components/Table/TableNestedCell.vue.d.ts +1 -1
  30. package/dist/components/Table/TableRow.vue.d.ts +1 -1
  31. package/dist/components/Typography/Heading.vue.d.ts +5 -5
  32. package/dist/components/Typography/Text.vue.d.ts +5 -5
  33. package/dist/composables/useDropdown.d.ts +1 -1
  34. package/dist/index.js +166 -72
  35. package/dist/index.umd.cjs +166 -72
  36. package/dist/types.d.ts +106 -9
  37. package/package.json +21 -21
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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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: #b2ffdc;\n --clll-color-primary-300: #77ffc1;\n --clll-color-primary-400: #3bffa7;\n --clll-color-primary-500: #00ff8c;\n --clll-color-primary-600: #00dc79;\n --clll-color-primary-700: #00b865;\n --clll-color-primary-800: #009552;\n --clll-color-primary-900: #00713e;\n --clll-color-secondary-100: #f6f7f8;\n --clll-color-secondary-200: #f2f3f5;\n --clll-color-secondary-300: #eeeff2;\n --clll-color-secondary-400: #e9ebee;\n --clll-color-secondary-500: #e5e7eb;\n --clll-color-secondary-600: #c7cad2;\n --clll-color-secondary-700: #aaadb9;\n --clll-color-secondary-800: #8c8fa0;\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: #00793d;\n --clll-color-link-700: #008742;\n --clll-color-link-800: #009446;\n --clll-color-link-900: #00a24a;\n --clll-color-danger-100: #fdf3f3;\n --clll-color-danger-200: #f8c9c9;\n --clll-color-danger-300: #f2a0a0;\n --clll-color-danger-400: #ed7676;\n --clll-color-danger-500: #e74c4c;\n --clll-color-danger-600: #da4242;\n --clll-color-danger-700: #cd3838;\n --clll-color-danger-800: #bf2d2d;\n --clll-color-danger-900: #b22323;\n --clll-color-warning-100: #fffdeb;\n --clll-color-warning-200: #fdedb7;\n --clll-color-warning-300: #fade82;\n --clll-color-warning-400: #f8ce4e;\n --clll-color-warning-500: #f5be19;\n --clll-color-warning-600: #d59f14;\n --clll-color-warning-700: #b5800f;\n --clll-color-warning-800: #94610a;\n --clll-color-warning-900: #744205;\n --clll-color-success-100: #f0fdf5;\n --clll-color-success-200: #bdefcf;\n --clll-color-success-300: #89e1a9;\n --clll-color-success-400: #56d383;\n --clll-color-success-500: #22c55d;\n --clll-color-success-600: #1fb455;\n --clll-color-success-700: #1ca34d;\n --clll-color-success-800: #189144;\n --clll-color-success-900: #15803c;\n --clll-color-info-100: #eff6ff;\n --clll-color-info-200: #c7dcfd;\n --clll-color-info-300: #9fc3fc;\n --clll-color-info-400: #76a9fa;\n --clll-color-info-500: #4e8ff8;\n --clll-color-info-600: #427ff0;\n --clll-color-info-700: #366fe8;\n --clll-color-info-800: #295fe0;\n --clll-color-info-900: #1d4fd8;\n --clll-color-neutral-100: white;\n --clll-color-neutral-200: #e0e0e0;\n --clll-color-neutral-300: #c2c2c2;\n --clll-color-neutral-400: #a3a3a3;\n --clll-color-neutral-500: #858585;\n --clll-color-neutral-600: #666666;\n --clll-color-neutral-700: #474747;\n --clll-color-neutral-800: #292929;\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,32 +49,120 @@ 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";
54
+ IconNames2["ArrowBackUp"] = "tabler:arrow-back-up";
55
+ IconNames2["ArrowForwardUp"] = "tabler:arrow-forward-up";
56
+ IconNames2["ArrowsMove"] = "tabler:arrows-move";
57
+ IconNames2["ArrowBigUpLine"] = "tabler:arrow-big-up-line";
58
+ IconNames2["ArrowBigDownLine"] = "tabler:arrow-big-down-line";
59
+ IconNames2["ArrowBack"] = "tabler:arrow-back";
60
+ IconNames2["ArrowDown"] = "tabler:arrow-down";
61
+ IconNames2["ArrowForward"] = "tabler:arrow-forward";
62
+ IconNames2["ArrowLeft"] = "tabler:arrow-left";
63
+ IconNames2["ArrowRight"] = "tabler:arrow-right";
64
+ IconNames2["ArrowUp"] = "tabler:arrow-up";
65
+ IconNames2["ArrowNarrowDown"] = "tabler:arrow-narrow-down";
66
+ IconNames2["ArrowNarrowLeft"] = "tabler:arrow-narrow-left";
67
+ IconNames2["ArrowNarrowRight"] = "tabler:arrow-narrow-right";
68
+ IconNames2["ArrowNarrowUp"] = "tabler:arrow-narrow-up";
69
+ IconNames2["ArrowsMaximize"] = "tabler:arrows-maximize";
70
+ IconNames2["ArrowsMinimize"] = "tabler:arrows-minimize";
53
71
  IconNames2["AtSign"] = "tabler:at";
72
+ IconNames2["Auth2fa"] = "tabler:auth-2fa";
73
+ IconNames2["Backspace"] = "tabler:backspace";
54
74
  IconNames2["Book"] = "tabler:book";
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";
55
98
  IconNames2["Check"] = "tabler:check";
56
99
  IconNames2["ChevronLeft"] = "tabler:chevron-left";
57
100
  IconNames2["ChevronRight"] = "tabler:chevron-right";
58
101
  IconNames2["ChevronUp"] = "tabler:chevron-up";
59
102
  IconNames2["ChevronDown"] = "tabler:chevron-down";
103
+ IconNames2["ClipboardCopy"] = "tabler:clipboard-copy";
104
+ IconNames2["ClipboardText"] = "tabler:clipboard-text";
105
+ IconNames2["Code"] = "tabler:code";
106
+ IconNames2["Columns1"] = "tabler:columns-1";
107
+ IconNames2["Columns2"] = "tabler:columns-2";
108
+ IconNames2["Columns3"] = "tabler:columns-3";
109
+ IconNames2["Command"] = "tabler:command";
110
+ IconNames2["Contrast"] = "tabler:contrast";
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";
122
+ IconNames2["Dasboard"] = "tabler:dashboard";
60
123
  IconNames2["Database"] = "tabler:database";
61
124
  IconNames2["Delete"] = "tabler:x";
125
+ IconNames2["Devices"] = "tabler:devices";
126
+ IconNames2["DeviceDesktop"] = "tabler:device-desktop";
127
+ IconNames2["DeviceMobile"] = "tabler:device-mobile";
128
+ IconNames2["DeviceTablet"] = "tabler:device-tablet";
129
+ IconNames2["DeviceTv"] = "tabler:device-tv";
130
+ IconNames2["Download"] = "tabler:download";
62
131
  IconNames2["EditItem"] = "tabler:edit-circle";
63
132
  IconNames2["EditPencil"] = "tabler:edit";
64
133
  IconNames2["Email"] = "tabler:mail";
65
134
  IconNames2["ExternalLink"] = "tabler:external-link";
66
- IconNames2["Facebook"] = "tabler:brand-facebook-filled";
135
+ IconNames2["Eye"] = "tabler:eye";
136
+ IconNames2["EyeOff"] = "tabler:eye-off";
67
137
  IconNames2["FileText"] = "tabler:file-text";
138
+ IconNames2["Folder"] = "tabler:folder";
139
+ IconNames2["Forms"] = "tabler:forms";
68
140
  IconNames2["Grid"] = "tabler:grid";
69
- IconNames2["Google"] = "tabler:brand-google-filled";
141
+ IconNames2["Heading"] = "tabler:heading";
142
+ IconNames2["Help"] = "tabler:help";
70
143
  IconNames2["HelpCircle"] = "tabler:help-circle";
144
+ IconNames2["HelpSmall"] = "tabler:help-small";
145
+ IconNames2["Html"] = "tabler:html";
71
146
  IconNames2["Image"] = "tabler:photo";
72
- IconNames2["Instagram"] = "tabler:brand-instagram";
147
+ IconNames2["InfoCircle"] = "tabler:info-circle";
148
+ IconNames2["InfoSmall"] = "tabler:info-small";
149
+ IconNames2["Keyboard"] = "tabler:keyboard";
150
+ IconNames2["Layers"] = "tabler:layers-subtract";
73
151
  IconNames2["Layout"] = "tabler:layout";
152
+ IconNames2["LayoutBottomBar"] = "tabler:layout-bottombar";
153
+ IconNames2["LayoutDashboard"] = "tabler:layout-dashboard";
154
+ IconNames2["LayoutNavbar"] = "tabler:layout-navbar";
155
+ IconNames2["LayoutSidebar"] = "tabler:layout-sidebar";
156
+ IconNames2["LayoutSidebarRight"] = "tabler:layout-sidebar-right";
74
157
  IconNames2["Link"] = "tabler:link";
75
- IconNames2["LinkedIn"] = "tabler:brand-linkedin";
76
158
  IconNames2["LogIn"] = "tabler:login";
77
159
  IconNames2["LogOut"] = "tabler:logout";
160
+ IconNames2["Palette"] = "tabler:palette";
161
+ IconNames2["Paint"] = "tabler:paint";
162
+ IconNames2["Marquee"] = "tabler:marquee";
163
+ IconNames2["MarqueeOff"] = "tabler:marquee-off";
164
+ IconNames2["Message"] = "tabler:message";
165
+ IconNames2["MessageDots"] = "tabler:message-dots";
78
166
  IconNames2["MoodDollar"] = "tabler:mood-dollar";
79
167
  IconNames2["MoodHeart"] = "tabler:mood-heart";
80
168
  IconNames2["MoodPuzzled"] = "tabler:mood-puzzled";
@@ -82,24 +170,33 @@ var IconNames = /* @__PURE__ */ ((IconNames2) => {
82
170
  IconNames2["MoodSmile"] = "tabler:mood-smile";
83
171
  IconNames2["MoodWink2"] = "tabler:mood-wink-2";
84
172
  IconNames2["MoodWrrr"] = "tabler:mood-wrrr";
173
+ IconNames2["Mouse"] = "tabler:mouse";
85
174
  IconNames2["Plus"] = "tabler:plus";
86
175
  IconNames2["PlusCircle"] = "tabler:circle-plus";
87
176
  IconNames2["Mail"] = "tabler:mail";
177
+ IconNames2["Maximize"] = "tabler:maximize";
88
178
  IconNames2["Menu"] = "tabler:menu-2";
89
179
  IconNames2["MoreHorizontal"] = "tabler:dots";
90
180
  IconNames2["MoreVertical"] = "tabler:dots-vertical";
181
+ IconNames2["Movie"] = "tabler:movie";
182
+ IconNames2["Refresh"] = "tabler:refresh";
183
+ IconNames2["ShoppingCart"] = "tabler:shopping-cart";
91
184
  IconNames2["Search"] = "tabler:search";
92
185
  IconNames2["Settings"] = "tabler:settings";
93
186
  IconNames2["Share"] = "tabler:share";
94
187
  IconNames2["Share2"] = "tabler:share-2";
95
188
  IconNames2["Share3"] = "tabler:share-3";
96
189
  IconNames2["Sliders"] = "tabler:adjustments";
97
- IconNames2["TikTok"] = "tabler:brand-tiktok";
190
+ IconNames2["SquarePlus"] = "tabler:square-plus";
191
+ IconNames2["Sun"] = "tabler:sun";
192
+ IconNames2["Terminal"] = "tabler:terminal";
193
+ IconNames2["Terminal2"] = "tabler:terminal-2";
194
+ IconNames2["TextSize"] = "tabler:text-size";
98
195
  IconNames2["TrashCan"] = "tabler:trash";
99
- IconNames2["Twitter"] = "tabler:brand-twitter-filled";
100
- IconNames2["WhatsApp"] = "tabler:brand-whatsapp";
101
- IconNames2["X"] = "tabler:brand-x";
102
- IconNames2["YouTube"] = "tabler:brand-youtube-filled";
196
+ IconNames2["Typography"] = "tabler:typography";
197
+ IconNames2["Upload"] = "tabler:upload";
198
+ IconNames2["Video"] = "tabler:video";
199
+ IconNames2["WindowMaximize"] = "tabler:window-maximize";
103
200
  return IconNames2;
104
201
  })(IconNames || {});
105
202
  var IconStrokeWeight = /* @__PURE__ */ ((IconStrokeWeight2) => {
@@ -196,7 +293,7 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
196
293
  return Themes2;
197
294
  })(Themes || {});
198
295
 
199
- const _hoisted_1$d = ["tabindex"];
296
+ const _hoisted_1$b = ["tabindex"];
200
297
  const _sfc_main$v = /* @__PURE__ */ defineComponent({
201
298
  __name: "A11yButton",
202
299
  props: {
@@ -240,7 +337,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
240
337
  onKeyup: withKeys(clickHandler, ["enter"])
241
338
  }, [
242
339
  renderSlot(_ctx.$slots, "default")
243
- ], 42, _hoisted_1$d);
340
+ ], 42, _hoisted_1$b);
244
341
  };
245
342
  }
246
343
  });
@@ -493,7 +590,7 @@ const debounce = (fn, ms = 300) => {
493
590
  };
494
591
  };
495
592
 
496
- const _hoisted_1$c = ["type", "disabled", "form", "aria-label"];
593
+ const _hoisted_1$a = ["aria-label", "disabled", "form", "title", "type"];
497
594
  const prefix$k = "clll-button";
498
595
  const _sfc_main$s = /* @__PURE__ */ defineComponent({
499
596
  __name: "Button",
@@ -509,6 +606,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
509
606
  iconSize: {},
510
607
  link: { type: Boolean },
511
608
  pill: { type: Boolean },
609
+ title: {},
512
610
  type: { default: ButtonTypes.Button },
513
611
  theme: { default: Themes.Default },
514
612
  rounded: { type: Boolean, default: true },
@@ -520,8 +618,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
520
618
  },
521
619
  setup(__props) {
522
620
  useCssVars((_ctx) => ({
523
- "31adf5d8": _ctx.width,
524
- "37aeb8ce": _ctx.height
621
+ "3b8d9c26": _ctx.width,
622
+ "1c56eec7": _ctx.height
525
623
  }));
526
624
  const slots = useSlots();
527
625
  const props = __props;
@@ -554,7 +652,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
554
652
  return openBlock(), createElementBlock("button", {
555
653
  ref_key: "elem",
556
654
  ref: elem,
557
- type: _ctx.type,
655
+ "aria-label": _ctx.ariaLabel,
558
656
  class: normalizeClass([
559
657
  prefix$k,
560
658
  `${prefix$k}--${_ctx.type}`,
@@ -571,7 +669,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
571
669
  ]),
572
670
  disabled: _ctx.busy,
573
671
  form: _ctx.form,
574
- "aria-label": _ctx.ariaLabel,
672
+ title: _ctx.title,
673
+ type: _ctx.type,
575
674
  onClick: _cache[0] || (_cache[0] = //@ts-ignore
576
675
  (...args) => _ctx.onClick && _ctx.onClick(...args))
577
676
  }, [
@@ -597,14 +696,14 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
597
696
  name: _ctx.iconAfter,
598
697
  size: _ctx.iconSize
599
698
  }, null, 8, ["name", "size"])) : createCommentVNode("", true)
600
- ], 10, _hoisted_1$c);
699
+ ], 10, _hoisted_1$a);
601
700
  };
602
701
  }
603
702
  });
604
703
 
605
- const _hoisted_1$b = ["tabindex"];
606
- const _hoisted_2$9 = ["src", "alt"];
607
- const _hoisted_3$3 = ["src", "alt"];
704
+ const _hoisted_1$9 = ["tabindex"];
705
+ const _hoisted_2$7 = ["src", "alt"];
706
+ const _hoisted_3$2 = ["src", "alt"];
608
707
  const prefix$j = "clll-card";
609
708
  const _sfc_main$r = /* @__PURE__ */ defineComponent({
610
709
  __name: "Card",
@@ -736,7 +835,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
736
835
  class: normalizeClass(`${prefix$j}__image__elem`),
737
836
  src: _ctx.image,
738
837
  alt: _ctx.imageAltText
739
- }, null, 10, _hoisted_2$9)) : createCommentVNode("", true)
838
+ }, null, 10, _hoisted_2$7)) : createCommentVNode("", true)
740
839
  ], 2)) : createCommentVNode("", true),
741
840
  createElementVNode("div", {
742
841
  class: normalizeClass(`${prefix$j}__content`)
@@ -834,13 +933,13 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
834
933
  class: normalizeClass(`${prefix$j}__image__elem`),
835
934
  src: _ctx.image,
836
935
  alt: _ctx.imageAltText
837
- }, null, 10, _hoisted_3$3)) : createCommentVNode("", true)
936
+ }, null, 10, _hoisted_3$2)) : createCommentVNode("", true)
838
937
  ], 2)) : createCommentVNode("", true),
839
938
  _ctx.onClick ? (openBlock(), createElementBlock("div", {
840
939
  key: 2,
841
940
  class: normalizeClass(`${prefix$j}__hover-elem`)
842
941
  }, null, 2)) : createCommentVNode("", true)
843
- ], 42, _hoisted_1$b);
942
+ ], 42, _hoisted_1$9);
844
943
  };
845
944
  }
846
945
  });
@@ -915,9 +1014,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
915
1014
  createVNode(unref(_sfc_main$2), {
916
1015
  type: unref(TextTypes).Small
917
1016
  }, {
918
- default: withCtx(() => [
1017
+ default: withCtx(() => _cache[0] || (_cache[0] = [
919
1018
  createTextVNode("More")
920
- ]),
1019
+ ])),
921
1020
  _: 1
922
1021
  }, 8, ["type"])
923
1022
  ]),
@@ -1109,8 +1208,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
1109
1208
  }
1110
1209
  });
1111
1210
 
1112
- const _hoisted_1$a = ["for", "disabled"];
1113
- const _hoisted_2$8 = ["id", "name", "aria-label", "checked", "value", "disabled"];
1211
+ const _hoisted_1$8 = ["for", "disabled"];
1212
+ const _hoisted_2$6 = ["id", "name", "aria-label", "checked", "value", "disabled"];
1114
1213
  const cssPrefix$4 = "clll-checkbox";
1115
1214
  const _sfc_main$n = /* @__PURE__ */ defineComponent({
1116
1215
  __name: "Checkbox",
@@ -1193,7 +1292,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1193
1292
  disabled: _ctx.disabled,
1194
1293
  type: "checkbox",
1195
1294
  class: normalizeClass(`${cssPrefix$4}__checkbox`)
1196
- }, null, 10, _hoisted_2$8),
1295
+ }, null, 10, _hoisted_2$6),
1197
1296
  createElementVNode("span", {
1198
1297
  class: normalizeClass(`${cssPrefix$4}__icon`)
1199
1298
  }, [
@@ -1213,7 +1312,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
1213
1312
  ]),
1214
1313
  _: 1
1215
1314
  }, 8, ["type", "class"])) : createCommentVNode("", true)
1216
- ], 10, _hoisted_1$a)
1315
+ ], 10, _hoisted_1$8)
1217
1316
  ], 2),
1218
1317
  _ctx.id ? (openBlock(), createBlock(_sfc_main$o, {
1219
1318
  key: 0,
@@ -3311,9 +3410,9 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
3311
3410
  }
3312
3411
  });
3313
3412
 
3314
- const _hoisted_1$9 = ["for"];
3315
- const _hoisted_2$7 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type", "value"];
3316
- const _hoisted_3$2 = { key: 1 };
3413
+ const _hoisted_1$7 = ["for"];
3414
+ const _hoisted_2$5 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type", "value"];
3415
+ const _hoisted_3$1 = { key: 1 };
3317
3416
  const cssPrefix$3 = "clll-input";
3318
3417
  const _sfc_main$j = /* @__PURE__ */ defineComponent({
3319
3418
  __name: "Input",
@@ -3410,7 +3509,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
3410
3509
  ]),
3411
3510
  _: 1
3412
3511
  }, 8, ["type", "class"])
3413
- ], 10, _hoisted_1$9)) : createCommentVNode("", true),
3512
+ ], 10, _hoisted_1$7)) : createCommentVNode("", true),
3414
3513
  createElementVNode("span", {
3415
3514
  class: normalizeClass([`${cssPrefix$3}__input-container`, "--focus-within"]),
3416
3515
  onClick: setFocusHandler
@@ -3461,7 +3560,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
3461
3560
  `${cssPrefix$3}__input`,
3462
3561
  { "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
3463
3562
  ])
3464
- }, null, 42, _hoisted_2$7),
3563
+ }, null, 42, _hoisted_2$5),
3465
3564
  _ctx.suffix ? (openBlock(), createElementBlock("span", {
3466
3565
  key: 1,
3467
3566
  class: normalizeClass([
@@ -3479,7 +3578,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
3479
3578
  ], 64))
3480
3579
  ], 2)) : createCommentVNode("", true)
3481
3580
  ], 2),
3482
- _ctx.pill ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
3581
+ _ctx.pill ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
3483
3582
  createVNode(unref(_sfc_main$e), { label: _ctx.pill }, null, 8, ["label"])
3484
3583
  ])) : createCommentVNode("", true),
3485
3584
  _ctx.id ? (openBlock(), createBlock(_sfc_main$o, {
@@ -3493,7 +3592,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
3493
3592
  }
3494
3593
  });
3495
3594
 
3496
- const _hoisted_1$8 = ["href", "target", "aria-label", "rel"];
3595
+ const _hoisted_1$6 = ["href", "target", "aria-label", "rel"];
3497
3596
  const prefix$e = "clll-link";
3498
3597
  const _sfc_main$i = /* @__PURE__ */ defineComponent({
3499
3598
  __name: "Link",
@@ -3531,7 +3630,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
3531
3630
  name: unref(IconNames).ExternalLink,
3532
3631
  size: unref(Sizes).Tiny
3533
3632
  }, null, 8, ["name", "size"])) : createCommentVNode("", true)
3534
- ], 10, _hoisted_1$8);
3633
+ ], 10, _hoisted_1$6);
3535
3634
  };
3536
3635
  }
3537
3636
  });
@@ -3585,7 +3684,7 @@ const useDropdown = ({
3585
3684
  };
3586
3685
  };
3587
3686
 
3588
- const _hoisted_1$7 = ["aria-labelledby"];
3687
+ const _hoisted_1$5 = ["aria-labelledby"];
3589
3688
  const prefix$d = "clll-menu";
3590
3689
  const _sfc_main$h = /* @__PURE__ */ defineComponent({
3591
3690
  __name: "Menu",
@@ -3671,7 +3770,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
3671
3770
  ]),
3672
3771
  _: 3
3673
3772
  }, 8, ["width"])
3674
- ], 10, _hoisted_1$7), [
3773
+ ], 10, _hoisted_1$5), [
3675
3774
  [vShow, showDropdown.value]
3676
3775
  ])
3677
3776
  ], 2);
@@ -3829,8 +3928,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
3829
3928
  }
3830
3929
  });
3831
3930
 
3832
- const _hoisted_1$6 = ["for"];
3833
- const _hoisted_2$6 = ["id", "name", "aria-label", "checked", "value", "disabled"];
3931
+ const _hoisted_1$4 = ["for"];
3932
+ const _hoisted_2$4 = ["id", "name", "aria-label", "checked", "value", "disabled"];
3834
3933
  const cssPrefix$2 = "clll-radiobutton";
3835
3934
  const _sfc_main$d = /* @__PURE__ */ defineComponent({
3836
3935
  __name: "RadioButton",
@@ -3913,7 +4012,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
3913
4012
  disabled: _ctx.disabled,
3914
4013
  type: "radio",
3915
4014
  class: normalizeClass(`${cssPrefix$2}__radiobutton`)
3916
- }, null, 10, _hoisted_2$6),
4015
+ }, null, 10, _hoisted_2$4),
3917
4016
  createElementVNode("span", {
3918
4017
  class: normalizeClass(`${cssPrefix$2}__indicator`)
3919
4018
  }, null, 2)
@@ -3931,7 +4030,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
3931
4030
  ]),
3932
4031
  _: 1
3933
4032
  }, 8, ["type"])) : createCommentVNode("", true)
3934
- ], 10, _hoisted_1$6)
4033
+ ], 10, _hoisted_1$4)
3935
4034
  ], 2),
3936
4035
  _ctx.id ? (openBlock(), createBlock(_sfc_main$o, {
3937
4036
  key: 0,
@@ -3944,9 +4043,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
3944
4043
  }
3945
4044
  });
3946
4045
 
3947
- const _hoisted_1$5 = ["for"];
3948
- const _hoisted_2$5 = ["id", "name", "aria-label", "disabled", "form", "required"];
3949
- const _hoisted_3$1 = ["value", "selected"];
4046
+ const _hoisted_1$3 = ["for"];
4047
+ const _hoisted_2$3 = ["id", "name", "aria-label", "disabled", "form", "required"];
4048
+ const _hoisted_3 = ["value", "selected"];
3950
4049
  const cssPrefix$1 = "clll-select";
3951
4050
  const _sfc_main$c = /* @__PURE__ */ defineComponent({
3952
4051
  __name: "Select",
@@ -4025,7 +4124,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4025
4124
  ]),
4026
4125
  _: 1
4027
4126
  }, 8, ["type", "class"])
4028
- ], 10, _hoisted_1$5)) : createCommentVNode("", true),
4127
+ ], 10, _hoisted_1$3)) : createCommentVNode("", true),
4029
4128
  createElementVNode("span", {
4030
4129
  class: normalizeClass(`${cssPrefix$1}__select-container`),
4031
4130
  onClick: setFocusHandler
@@ -4052,9 +4151,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4052
4151
  key: `${_ctx.id}-option-${idx}`,
4053
4152
  value: option.value,
4054
4153
  selected: option.value === _ctx.value
4055
- }, toDisplayString(option.label), 9, _hoisted_3$1);
4154
+ }, toDisplayString(option.label), 9, _hoisted_3);
4056
4155
  }), 128)) : createCommentVNode("", true)
4057
- ], 42, _hoisted_2$5),
4156
+ ], 42, _hoisted_2$3),
4058
4157
  createElementVNode("span", {
4059
4158
  class: normalizeClass(`${cssPrefix$1}__icon`)
4060
4159
  }, [
@@ -4075,10 +4174,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
4075
4174
  }
4076
4175
  });
4077
4176
 
4078
- const _hoisted_1$4 = /* @__PURE__ */ createElementVNode("div", { class: "clll-skeleton__animation" }, null, -1);
4079
- const _hoisted_2$4 = [
4080
- _hoisted_1$4
4081
- ];
4082
4177
  const prefix$a = "clll-skeleton";
4083
4178
  const _sfc_main$b = /* @__PURE__ */ defineComponent({
4084
4179
  __name: "Skeleton",
@@ -4095,27 +4190,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
4095
4190
  return (_ctx, _cache) => {
4096
4191
  return openBlock(), createElementBlock("div", {
4097
4192
  class: normalizeClass([prefix$a, _ctx.rounded ? `${prefix$a}--rounded` : `${prefix$a}--square`])
4098
- }, _hoisted_2$4, 2);
4193
+ }, _cache[0] || (_cache[0] = [
4194
+ createElementVNode("div", { class: "clll-skeleton__animation" }, null, -1)
4195
+ ]), 2);
4099
4196
  };
4100
4197
  }
4101
4198
  });
4102
4199
 
4103
- const _hoisted_1$3 = /* @__PURE__ */ createElementVNode("circle", {
4104
- style: { "opacity": "0.25" },
4105
- cx: "12",
4106
- cy: "12",
4107
- r: "10",
4108
- stroke: "currentColor",
4109
- "stroke-width": "4"
4110
- }, null, -1);
4111
- const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
4112
- fill: "currentColor",
4113
- d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
4114
- }, null, -1);
4115
- const _hoisted_3 = [
4116
- _hoisted_1$3,
4117
- _hoisted_2$3
4118
- ];
4119
4200
  const prefix$9 = "clll-spinner";
4120
4201
  const _sfc_main$a = /* @__PURE__ */ defineComponent({
4121
4202
  __name: "Spinner",
@@ -4141,7 +4222,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
4141
4222
  xmlns: "http://www.w3.org/2000/svg",
4142
4223
  fill: "none",
4143
4224
  viewBox: "0 0 24 24"
4144
- }, _hoisted_3, 2))
4225
+ }, _cache[0] || (_cache[0] = [
4226
+ createElementVNode("circle", {
4227
+ style: { "opacity": "0.25" },
4228
+ cx: "12",
4229
+ cy: "12",
4230
+ r: "10",
4231
+ stroke: "currentColor",
4232
+ "stroke-width": "4"
4233
+ }, null, -1),
4234
+ createElementVNode("path", {
4235
+ fill: "currentColor",
4236
+ d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
4237
+ }, null, -1)
4238
+ ]), 2))
4145
4239
  ], 2);
4146
4240
  };
4147
4241
  }