@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.umd.cjs 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
  (function (global, factory) {
@@ -53,32 +53,120 @@
53
53
  return HeadingTypes2;
54
54
  })(HeadingTypes || {});
55
55
  var IconNames = /* @__PURE__ */ ((IconNames2) => {
56
+ IconNames2["Ai"] = "tabler:ai";
56
57
  IconNames2["Archive"] = "tabler:archive";
58
+ IconNames2["ArrowBackUp"] = "tabler:arrow-back-up";
59
+ IconNames2["ArrowForwardUp"] = "tabler:arrow-forward-up";
60
+ IconNames2["ArrowsMove"] = "tabler:arrows-move";
61
+ IconNames2["ArrowBigUpLine"] = "tabler:arrow-big-up-line";
62
+ IconNames2["ArrowBigDownLine"] = "tabler:arrow-big-down-line";
63
+ IconNames2["ArrowBack"] = "tabler:arrow-back";
64
+ IconNames2["ArrowDown"] = "tabler:arrow-down";
65
+ IconNames2["ArrowForward"] = "tabler:arrow-forward";
66
+ IconNames2["ArrowLeft"] = "tabler:arrow-left";
67
+ IconNames2["ArrowRight"] = "tabler:arrow-right";
68
+ IconNames2["ArrowUp"] = "tabler:arrow-up";
69
+ IconNames2["ArrowNarrowDown"] = "tabler:arrow-narrow-down";
70
+ IconNames2["ArrowNarrowLeft"] = "tabler:arrow-narrow-left";
71
+ IconNames2["ArrowNarrowRight"] = "tabler:arrow-narrow-right";
72
+ IconNames2["ArrowNarrowUp"] = "tabler:arrow-narrow-up";
73
+ IconNames2["ArrowsMaximize"] = "tabler:arrows-maximize";
74
+ IconNames2["ArrowsMinimize"] = "tabler:arrows-minimize";
57
75
  IconNames2["AtSign"] = "tabler:at";
76
+ IconNames2["Auth2fa"] = "tabler:auth-2fa";
77
+ IconNames2["Backspace"] = "tabler:backspace";
58
78
  IconNames2["Book"] = "tabler:book";
79
+ IconNames2["Brush"] = "tabler:brush";
80
+ IconNames2["BrandApple"] = "tabler:brand-apple";
81
+ IconNames2["BrandAws"] = "tabler:brand-aws";
82
+ IconNames2["BrandCloudflare"] = "tabler:brand-cloudflare";
83
+ IconNames2["BrandFacebook"] = "tabler:brand-facebook-filled";
84
+ IconNames2["BrandGitlab"] = "tabler:brand-gitlab";
85
+ IconNames2["BrandGithub"] = "tabler:brand-github";
86
+ IconNames2["BrandGoogle"] = "tabler:brand-google-filled";
87
+ IconNames2["BrandInstagram"] = "tabler:brand-instagram";
88
+ IconNames2["BrandLinkedIn"] = "tabler:brand-linkedin";
89
+ IconNames2["BrandNpm"] = "tabler:brand-npm";
90
+ IconNames2["BrandNuxt"] = "tabler:brand-nuxt";
91
+ IconNames2["BrandReact"] = "tabler:brand-react";
92
+ IconNames2["BrandReactNative"] = "tabler:brand-react-native";
93
+ IconNames2["BrandSpotify"] = "tabler:brand-spotify";
94
+ IconNames2["BrandTidal"] = "tabler:brand-tidal";
95
+ IconNames2["BrandTikTok"] = "tabler:brand-tiktok";
96
+ IconNames2["BrandTwitter"] = "tabler:brand-twitter-filled";
97
+ IconNames2["BrandVercel"] = "tabler:brand-vercel";
98
+ IconNames2["BrandVue"] = "tabler:brand-vue";
99
+ IconNames2["BrandWhatsApp"] = "tabler:brand-whatsapp";
100
+ IconNames2["BrandX"] = "tabler:brand-x";
101
+ IconNames2["BrandYouTube"] = "tabler:brand-youtube-filled";
59
102
  IconNames2["Check"] = "tabler:check";
60
103
  IconNames2["ChevronLeft"] = "tabler:chevron-left";
61
104
  IconNames2["ChevronRight"] = "tabler:chevron-right";
62
105
  IconNames2["ChevronUp"] = "tabler:chevron-up";
63
106
  IconNames2["ChevronDown"] = "tabler:chevron-down";
107
+ IconNames2["ClipboardCopy"] = "tabler:clipboard-copy";
108
+ IconNames2["ClipboardText"] = "tabler:clipboard-text";
109
+ IconNames2["Code"] = "tabler:code";
110
+ IconNames2["Columns1"] = "tabler:columns-1";
111
+ IconNames2["Columns2"] = "tabler:columns-2";
112
+ IconNames2["Columns3"] = "tabler:columns-3";
113
+ IconNames2["Command"] = "tabler:command";
114
+ IconNames2["Contrast"] = "tabler:contrast";
115
+ IconNames2["Copy"] = "tabler:copy";
116
+ IconNames2["FileTypeCss"] = "tabler:file-type-css";
117
+ IconNames2["FileTypeCsv"] = "tabler:file-type-csv";
118
+ IconNames2["FileTypeHtml"] = "tabler:file-type-html";
119
+ IconNames2["FileTypePng"] = "tabler:file-type-png";
120
+ IconNames2["FileTypeJpg"] = "tabler:file-type-jpg";
121
+ IconNames2["FileTypeJs"] = "tabler:file-type-js";
122
+ IconNames2["FileTypeJsx"] = "tabler:file-type-jsx";
123
+ IconNames2["FileTypeSvg"] = "tabler:file-type-svg";
124
+ IconNames2["FileTypeTs"] = "tabler:file-type-ts";
125
+ IconNames2["FileTypeVue"] = "tabler:file-type-vue";
126
+ IconNames2["Dasboard"] = "tabler:dashboard";
64
127
  IconNames2["Database"] = "tabler:database";
65
128
  IconNames2["Delete"] = "tabler:x";
129
+ IconNames2["Devices"] = "tabler:devices";
130
+ IconNames2["DeviceDesktop"] = "tabler:device-desktop";
131
+ IconNames2["DeviceMobile"] = "tabler:device-mobile";
132
+ IconNames2["DeviceTablet"] = "tabler:device-tablet";
133
+ IconNames2["DeviceTv"] = "tabler:device-tv";
134
+ IconNames2["Download"] = "tabler:download";
66
135
  IconNames2["EditItem"] = "tabler:edit-circle";
67
136
  IconNames2["EditPencil"] = "tabler:edit";
68
137
  IconNames2["Email"] = "tabler:mail";
69
138
  IconNames2["ExternalLink"] = "tabler:external-link";
70
- IconNames2["Facebook"] = "tabler:brand-facebook-filled";
139
+ IconNames2["Eye"] = "tabler:eye";
140
+ IconNames2["EyeOff"] = "tabler:eye-off";
71
141
  IconNames2["FileText"] = "tabler:file-text";
142
+ IconNames2["Folder"] = "tabler:folder";
143
+ IconNames2["Forms"] = "tabler:forms";
72
144
  IconNames2["Grid"] = "tabler:grid";
73
- IconNames2["Google"] = "tabler:brand-google-filled";
145
+ IconNames2["Heading"] = "tabler:heading";
146
+ IconNames2["Help"] = "tabler:help";
74
147
  IconNames2["HelpCircle"] = "tabler:help-circle";
148
+ IconNames2["HelpSmall"] = "tabler:help-small";
149
+ IconNames2["Html"] = "tabler:html";
75
150
  IconNames2["Image"] = "tabler:photo";
76
- IconNames2["Instagram"] = "tabler:brand-instagram";
151
+ IconNames2["InfoCircle"] = "tabler:info-circle";
152
+ IconNames2["InfoSmall"] = "tabler:info-small";
153
+ IconNames2["Keyboard"] = "tabler:keyboard";
154
+ IconNames2["Layers"] = "tabler:layers-subtract";
77
155
  IconNames2["Layout"] = "tabler:layout";
156
+ IconNames2["LayoutBottomBar"] = "tabler:layout-bottombar";
157
+ IconNames2["LayoutDashboard"] = "tabler:layout-dashboard";
158
+ IconNames2["LayoutNavbar"] = "tabler:layout-navbar";
159
+ IconNames2["LayoutSidebar"] = "tabler:layout-sidebar";
160
+ IconNames2["LayoutSidebarRight"] = "tabler:layout-sidebar-right";
78
161
  IconNames2["Link"] = "tabler:link";
79
- IconNames2["LinkedIn"] = "tabler:brand-linkedin";
80
162
  IconNames2["LogIn"] = "tabler:login";
81
163
  IconNames2["LogOut"] = "tabler:logout";
164
+ IconNames2["Palette"] = "tabler:palette";
165
+ IconNames2["Paint"] = "tabler:paint";
166
+ IconNames2["Marquee"] = "tabler:marquee";
167
+ IconNames2["MarqueeOff"] = "tabler:marquee-off";
168
+ IconNames2["Message"] = "tabler:message";
169
+ IconNames2["MessageDots"] = "tabler:message-dots";
82
170
  IconNames2["MoodDollar"] = "tabler:mood-dollar";
83
171
  IconNames2["MoodHeart"] = "tabler:mood-heart";
84
172
  IconNames2["MoodPuzzled"] = "tabler:mood-puzzled";
@@ -86,24 +174,33 @@
86
174
  IconNames2["MoodSmile"] = "tabler:mood-smile";
87
175
  IconNames2["MoodWink2"] = "tabler:mood-wink-2";
88
176
  IconNames2["MoodWrrr"] = "tabler:mood-wrrr";
177
+ IconNames2["Mouse"] = "tabler:mouse";
89
178
  IconNames2["Plus"] = "tabler:plus";
90
179
  IconNames2["PlusCircle"] = "tabler:circle-plus";
91
180
  IconNames2["Mail"] = "tabler:mail";
181
+ IconNames2["Maximize"] = "tabler:maximize";
92
182
  IconNames2["Menu"] = "tabler:menu-2";
93
183
  IconNames2["MoreHorizontal"] = "tabler:dots";
94
184
  IconNames2["MoreVertical"] = "tabler:dots-vertical";
185
+ IconNames2["Movie"] = "tabler:movie";
186
+ IconNames2["Refresh"] = "tabler:refresh";
187
+ IconNames2["ShoppingCart"] = "tabler:shopping-cart";
95
188
  IconNames2["Search"] = "tabler:search";
96
189
  IconNames2["Settings"] = "tabler:settings";
97
190
  IconNames2["Share"] = "tabler:share";
98
191
  IconNames2["Share2"] = "tabler:share-2";
99
192
  IconNames2["Share3"] = "tabler:share-3";
100
193
  IconNames2["Sliders"] = "tabler:adjustments";
101
- IconNames2["TikTok"] = "tabler:brand-tiktok";
194
+ IconNames2["SquarePlus"] = "tabler:square-plus";
195
+ IconNames2["Sun"] = "tabler:sun";
196
+ IconNames2["Terminal"] = "tabler:terminal";
197
+ IconNames2["Terminal2"] = "tabler:terminal-2";
198
+ IconNames2["TextSize"] = "tabler:text-size";
102
199
  IconNames2["TrashCan"] = "tabler:trash";
103
- IconNames2["Twitter"] = "tabler:brand-twitter-filled";
104
- IconNames2["WhatsApp"] = "tabler:brand-whatsapp";
105
- IconNames2["X"] = "tabler:brand-x";
106
- IconNames2["YouTube"] = "tabler:brand-youtube-filled";
200
+ IconNames2["Typography"] = "tabler:typography";
201
+ IconNames2["Upload"] = "tabler:upload";
202
+ IconNames2["Video"] = "tabler:video";
203
+ IconNames2["WindowMaximize"] = "tabler:window-maximize";
107
204
  return IconNames2;
108
205
  })(IconNames || {});
109
206
  var IconStrokeWeight = /* @__PURE__ */ ((IconStrokeWeight2) => {
@@ -200,7 +297,7 @@
200
297
  return Themes2;
201
298
  })(Themes || {});
202
299
 
203
- const _hoisted_1$d = ["tabindex"];
300
+ const _hoisted_1$b = ["tabindex"];
204
301
  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
205
302
  __name: "A11yButton",
206
303
  props: {
@@ -244,7 +341,7 @@
244
341
  onKeyup: vue.withKeys(clickHandler, ["enter"])
245
342
  }, [
246
343
  vue.renderSlot(_ctx.$slots, "default")
247
- ], 42, _hoisted_1$d);
344
+ ], 42, _hoisted_1$b);
248
345
  };
249
346
  }
250
347
  });
@@ -497,7 +594,7 @@
497
594
  };
498
595
  };
499
596
 
500
- const _hoisted_1$c = ["type", "disabled", "form", "aria-label"];
597
+ const _hoisted_1$a = ["aria-label", "disabled", "form", "title", "type"];
501
598
  const prefix$k = "clll-button";
502
599
  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
503
600
  __name: "Button",
@@ -513,6 +610,7 @@
513
610
  iconSize: {},
514
611
  link: { type: Boolean },
515
612
  pill: { type: Boolean },
613
+ title: {},
516
614
  type: { default: ButtonTypes.Button },
517
615
  theme: { default: Themes.Default },
518
616
  rounded: { type: Boolean, default: true },
@@ -524,8 +622,8 @@
524
622
  },
525
623
  setup(__props) {
526
624
  vue.useCssVars((_ctx) => ({
527
- "31adf5d8": _ctx.width,
528
- "37aeb8ce": _ctx.height
625
+ "3b8d9c26": _ctx.width,
626
+ "1c56eec7": _ctx.height
529
627
  }));
530
628
  const slots = vue.useSlots();
531
629
  const props = __props;
@@ -558,7 +656,7 @@
558
656
  return vue.openBlock(), vue.createElementBlock("button", {
559
657
  ref_key: "elem",
560
658
  ref: elem,
561
- type: _ctx.type,
659
+ "aria-label": _ctx.ariaLabel,
562
660
  class: vue.normalizeClass([
563
661
  prefix$k,
564
662
  `${prefix$k}--${_ctx.type}`,
@@ -575,7 +673,8 @@
575
673
  ]),
576
674
  disabled: _ctx.busy,
577
675
  form: _ctx.form,
578
- "aria-label": _ctx.ariaLabel,
676
+ title: _ctx.title,
677
+ type: _ctx.type,
579
678
  onClick: _cache[0] || (_cache[0] = //@ts-ignore
580
679
  (...args) => _ctx.onClick && _ctx.onClick(...args))
581
680
  }, [
@@ -601,14 +700,14 @@
601
700
  name: _ctx.iconAfter,
602
701
  size: _ctx.iconSize
603
702
  }, null, 8, ["name", "size"])) : vue.createCommentVNode("", true)
604
- ], 10, _hoisted_1$c);
703
+ ], 10, _hoisted_1$a);
605
704
  };
606
705
  }
607
706
  });
608
707
 
609
- const _hoisted_1$b = ["tabindex"];
610
- const _hoisted_2$9 = ["src", "alt"];
611
- const _hoisted_3$3 = ["src", "alt"];
708
+ const _hoisted_1$9 = ["tabindex"];
709
+ const _hoisted_2$7 = ["src", "alt"];
710
+ const _hoisted_3$2 = ["src", "alt"];
612
711
  const prefix$j = "clll-card";
613
712
  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
614
713
  __name: "Card",
@@ -740,7 +839,7 @@
740
839
  class: vue.normalizeClass(`${prefix$j}__image__elem`),
741
840
  src: _ctx.image,
742
841
  alt: _ctx.imageAltText
743
- }, null, 10, _hoisted_2$9)) : vue.createCommentVNode("", true)
842
+ }, null, 10, _hoisted_2$7)) : vue.createCommentVNode("", true)
744
843
  ], 2)) : vue.createCommentVNode("", true),
745
844
  vue.createElementVNode("div", {
746
845
  class: vue.normalizeClass(`${prefix$j}__content`)
@@ -838,13 +937,13 @@
838
937
  class: vue.normalizeClass(`${prefix$j}__image__elem`),
839
938
  src: _ctx.image,
840
939
  alt: _ctx.imageAltText
841
- }, null, 10, _hoisted_3$3)) : vue.createCommentVNode("", true)
940
+ }, null, 10, _hoisted_3$2)) : vue.createCommentVNode("", true)
842
941
  ], 2)) : vue.createCommentVNode("", true),
843
942
  _ctx.onClick ? (vue.openBlock(), vue.createElementBlock("div", {
844
943
  key: 2,
845
944
  class: vue.normalizeClass(`${prefix$j}__hover-elem`)
846
945
  }, null, 2)) : vue.createCommentVNode("", true)
847
- ], 42, _hoisted_1$b);
946
+ ], 42, _hoisted_1$9);
848
947
  };
849
948
  }
850
949
  });
@@ -919,9 +1018,9 @@
919
1018
  vue.createVNode(vue.unref(_sfc_main$2), {
920
1019
  type: vue.unref(TextTypes).Small
921
1020
  }, {
922
- default: vue.withCtx(() => [
1021
+ default: vue.withCtx(() => _cache[0] || (_cache[0] = [
923
1022
  vue.createTextVNode("More")
924
- ]),
1023
+ ])),
925
1024
  _: 1
926
1025
  }, 8, ["type"])
927
1026
  ]),
@@ -1113,8 +1212,8 @@
1113
1212
  }
1114
1213
  });
1115
1214
 
1116
- const _hoisted_1$a = ["for", "disabled"];
1117
- const _hoisted_2$8 = ["id", "name", "aria-label", "checked", "value", "disabled"];
1215
+ const _hoisted_1$8 = ["for", "disabled"];
1216
+ const _hoisted_2$6 = ["id", "name", "aria-label", "checked", "value", "disabled"];
1118
1217
  const cssPrefix$4 = "clll-checkbox";
1119
1218
  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
1120
1219
  __name: "Checkbox",
@@ -1197,7 +1296,7 @@
1197
1296
  disabled: _ctx.disabled,
1198
1297
  type: "checkbox",
1199
1298
  class: vue.normalizeClass(`${cssPrefix$4}__checkbox`)
1200
- }, null, 10, _hoisted_2$8),
1299
+ }, null, 10, _hoisted_2$6),
1201
1300
  vue.createElementVNode("span", {
1202
1301
  class: vue.normalizeClass(`${cssPrefix$4}__icon`)
1203
1302
  }, [
@@ -1217,7 +1316,7 @@
1217
1316
  ]),
1218
1317
  _: 1
1219
1318
  }, 8, ["type", "class"])) : vue.createCommentVNode("", true)
1220
- ], 10, _hoisted_1$a)
1319
+ ], 10, _hoisted_1$8)
1221
1320
  ], 2),
1222
1321
  _ctx.id ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
1223
1322
  key: 0,
@@ -3315,9 +3414,9 @@
3315
3414
  }
3316
3415
  });
3317
3416
 
3318
- const _hoisted_1$9 = ["for"];
3319
- const _hoisted_2$7 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type", "value"];
3320
- const _hoisted_3$2 = { key: 1 };
3417
+ const _hoisted_1$7 = ["for"];
3418
+ const _hoisted_2$5 = ["id", "name", "aria-label", "autocomplete", "disabled", "form", "maxlength", "minlength", "pattern", "placeholder", "readonly", "required", "spellcheck", "type", "value"];
3419
+ const _hoisted_3$1 = { key: 1 };
3321
3420
  const cssPrefix$3 = "clll-input";
3322
3421
  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
3323
3422
  __name: "Input",
@@ -3414,7 +3513,7 @@
3414
3513
  ]),
3415
3514
  _: 1
3416
3515
  }, 8, ["type", "class"])
3417
- ], 10, _hoisted_1$9)) : vue.createCommentVNode("", true),
3516
+ ], 10, _hoisted_1$7)) : vue.createCommentVNode("", true),
3418
3517
  vue.createElementVNode("span", {
3419
3518
  class: vue.normalizeClass([`${cssPrefix$3}__input-container`, "--focus-within"]),
3420
3519
  onClick: setFocusHandler
@@ -3465,7 +3564,7 @@
3465
3564
  `${cssPrefix$3}__input`,
3466
3565
  { "--input-group": _ctx.grouped || _ctx.prefix || _ctx.suffix }
3467
3566
  ])
3468
- }, null, 42, _hoisted_2$7),
3567
+ }, null, 42, _hoisted_2$5),
3469
3568
  _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("span", {
3470
3569
  key: 1,
3471
3570
  class: vue.normalizeClass([
@@ -3483,7 +3582,7 @@
3483
3582
  ], 64))
3484
3583
  ], 2)) : vue.createCommentVNode("", true)
3485
3584
  ], 2),
3486
- _ctx.pill ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, [
3585
+ _ctx.pill ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, [
3487
3586
  vue.createVNode(vue.unref(_sfc_main$e), { label: _ctx.pill }, null, 8, ["label"])
3488
3587
  ])) : vue.createCommentVNode("", true),
3489
3588
  _ctx.id ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -3497,7 +3596,7 @@
3497
3596
  }
3498
3597
  });
3499
3598
 
3500
- const _hoisted_1$8 = ["href", "target", "aria-label", "rel"];
3599
+ const _hoisted_1$6 = ["href", "target", "aria-label", "rel"];
3501
3600
  const prefix$e = "clll-link";
3502
3601
  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
3503
3602
  __name: "Link",
@@ -3535,7 +3634,7 @@
3535
3634
  name: vue.unref(IconNames).ExternalLink,
3536
3635
  size: vue.unref(Sizes).Tiny
3537
3636
  }, null, 8, ["name", "size"])) : vue.createCommentVNode("", true)
3538
- ], 10, _hoisted_1$8);
3637
+ ], 10, _hoisted_1$6);
3539
3638
  };
3540
3639
  }
3541
3640
  });
@@ -3589,7 +3688,7 @@
3589
3688
  };
3590
3689
  };
3591
3690
 
3592
- const _hoisted_1$7 = ["aria-labelledby"];
3691
+ const _hoisted_1$5 = ["aria-labelledby"];
3593
3692
  const prefix$d = "clll-menu";
3594
3693
  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
3595
3694
  __name: "Menu",
@@ -3675,7 +3774,7 @@
3675
3774
  ]),
3676
3775
  _: 3
3677
3776
  }, 8, ["width"])
3678
- ], 10, _hoisted_1$7), [
3777
+ ], 10, _hoisted_1$5), [
3679
3778
  [vue.vShow, showDropdown.value]
3680
3779
  ])
3681
3780
  ], 2);
@@ -3833,8 +3932,8 @@
3833
3932
  }
3834
3933
  });
3835
3934
 
3836
- const _hoisted_1$6 = ["for"];
3837
- const _hoisted_2$6 = ["id", "name", "aria-label", "checked", "value", "disabled"];
3935
+ const _hoisted_1$4 = ["for"];
3936
+ const _hoisted_2$4 = ["id", "name", "aria-label", "checked", "value", "disabled"];
3838
3937
  const cssPrefix$2 = "clll-radiobutton";
3839
3938
  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
3840
3939
  __name: "RadioButton",
@@ -3917,7 +4016,7 @@
3917
4016
  disabled: _ctx.disabled,
3918
4017
  type: "radio",
3919
4018
  class: vue.normalizeClass(`${cssPrefix$2}__radiobutton`)
3920
- }, null, 10, _hoisted_2$6),
4019
+ }, null, 10, _hoisted_2$4),
3921
4020
  vue.createElementVNode("span", {
3922
4021
  class: vue.normalizeClass(`${cssPrefix$2}__indicator`)
3923
4022
  }, null, 2)
@@ -3935,7 +4034,7 @@
3935
4034
  ]),
3936
4035
  _: 1
3937
4036
  }, 8, ["type"])) : vue.createCommentVNode("", true)
3938
- ], 10, _hoisted_1$6)
4037
+ ], 10, _hoisted_1$4)
3939
4038
  ], 2),
3940
4039
  _ctx.id ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
3941
4040
  key: 0,
@@ -3948,9 +4047,9 @@
3948
4047
  }
3949
4048
  });
3950
4049
 
3951
- const _hoisted_1$5 = ["for"];
3952
- const _hoisted_2$5 = ["id", "name", "aria-label", "disabled", "form", "required"];
3953
- const _hoisted_3$1 = ["value", "selected"];
4050
+ const _hoisted_1$3 = ["for"];
4051
+ const _hoisted_2$3 = ["id", "name", "aria-label", "disabled", "form", "required"];
4052
+ const _hoisted_3 = ["value", "selected"];
3954
4053
  const cssPrefix$1 = "clll-select";
3955
4054
  const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
3956
4055
  __name: "Select",
@@ -4029,7 +4128,7 @@
4029
4128
  ]),
4030
4129
  _: 1
4031
4130
  }, 8, ["type", "class"])
4032
- ], 10, _hoisted_1$5)) : vue.createCommentVNode("", true),
4131
+ ], 10, _hoisted_1$3)) : vue.createCommentVNode("", true),
4033
4132
  vue.createElementVNode("span", {
4034
4133
  class: vue.normalizeClass(`${cssPrefix$1}__select-container`),
4035
4134
  onClick: setFocusHandler
@@ -4056,9 +4155,9 @@
4056
4155
  key: `${_ctx.id}-option-${idx}`,
4057
4156
  value: option.value,
4058
4157
  selected: option.value === _ctx.value
4059
- }, vue.toDisplayString(option.label), 9, _hoisted_3$1);
4158
+ }, vue.toDisplayString(option.label), 9, _hoisted_3);
4060
4159
  }), 128)) : vue.createCommentVNode("", true)
4061
- ], 42, _hoisted_2$5),
4160
+ ], 42, _hoisted_2$3),
4062
4161
  vue.createElementVNode("span", {
4063
4162
  class: vue.normalizeClass(`${cssPrefix$1}__icon`)
4064
4163
  }, [
@@ -4079,10 +4178,6 @@
4079
4178
  }
4080
4179
  });
4081
4180
 
4082
- const _hoisted_1$4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "clll-skeleton__animation" }, null, -1);
4083
- const _hoisted_2$4 = [
4084
- _hoisted_1$4
4085
- ];
4086
4181
  const prefix$a = "clll-skeleton";
4087
4182
  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
4088
4183
  __name: "Skeleton",
@@ -4099,27 +4194,13 @@
4099
4194
  return (_ctx, _cache) => {
4100
4195
  return vue.openBlock(), vue.createElementBlock("div", {
4101
4196
  class: vue.normalizeClass([prefix$a, _ctx.rounded ? `${prefix$a}--rounded` : `${prefix$a}--square`])
4102
- }, _hoisted_2$4, 2);
4197
+ }, _cache[0] || (_cache[0] = [
4198
+ vue.createElementVNode("div", { class: "clll-skeleton__animation" }, null, -1)
4199
+ ]), 2);
4103
4200
  };
4104
4201
  }
4105
4202
  });
4106
4203
 
4107
- const _hoisted_1$3 = /* @__PURE__ */ vue.createElementVNode("circle", {
4108
- style: { "opacity": "0.25" },
4109
- cx: "12",
4110
- cy: "12",
4111
- r: "10",
4112
- stroke: "currentColor",
4113
- "stroke-width": "4"
4114
- }, null, -1);
4115
- const _hoisted_2$3 = /* @__PURE__ */ vue.createElementVNode("path", {
4116
- fill: "currentColor",
4117
- 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"
4118
- }, null, -1);
4119
- const _hoisted_3 = [
4120
- _hoisted_1$3,
4121
- _hoisted_2$3
4122
- ];
4123
4204
  const prefix$9 = "clll-spinner";
4124
4205
  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
4125
4206
  __name: "Spinner",
@@ -4145,7 +4226,20 @@
4145
4226
  xmlns: "http://www.w3.org/2000/svg",
4146
4227
  fill: "none",
4147
4228
  viewBox: "0 0 24 24"
4148
- }, _hoisted_3, 2))
4229
+ }, _cache[0] || (_cache[0] = [
4230
+ vue.createElementVNode("circle", {
4231
+ style: { "opacity": "0.25" },
4232
+ cx: "12",
4233
+ cy: "12",
4234
+ r: "10",
4235
+ stroke: "currentColor",
4236
+ "stroke-width": "4"
4237
+ }, null, -1),
4238
+ vue.createElementVNode("path", {
4239
+ fill: "currentColor",
4240
+ 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"
4241
+ }, null, -1)
4242
+ ]), 2))
4149
4243
  ], 2);
4150
4244
  };
4151
4245
  }