@codeandfunction/callaloo 1.3.1 → 1.3.3

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 (6) hide show
  1. package/dist/components/Typography/Text.vue.d.ts +5 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +34 -19
  4. package/dist/index.umd.cjs +33 -18
  5. package/dist/types.d.ts +5 -1
  6. package/package.json +4 -2
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(--dc0d0f78);\n height: var(--d932d32e);\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(--d4845442);\n height: var(--d4845442);\nsvg {\npath {\n stroke-width: var(--5f74cb49);\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--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: #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);}
5
5
 
6
6
  })();
7
7
  (function (global, factory) {
@@ -176,6 +176,7 @@
176
176
  TextTypes2["Small"] = "small";
177
177
  TextTypes2["Medium"] = "medium";
178
178
  TextTypes2["Large"] = "large";
179
+ TextTypes2["XLarge"] = "xlarge";
179
180
  return TextTypes2;
180
181
  })(TextTypes || {});
181
182
  var Themes = /* @__PURE__ */ ((Themes2) => {
@@ -523,8 +524,8 @@
523
524
  },
524
525
  setup(__props) {
525
526
  vue.useCssVars((_ctx) => ({
526
- "dc0d0f78": _ctx.width,
527
- "d932d32e": _ctx.height
527
+ "31adf5d8": _ctx.width,
528
+ "37aeb8ce": _ctx.height
528
529
  }));
529
530
  const slots = vue.useSlots();
530
531
  const props = __props;
@@ -3317,8 +3318,8 @@
3317
3318
  },
3318
3319
  setup(__props) {
3319
3320
  vue.useCssVars((_ctx) => ({
3320
- "d4845442": getSize(),
3321
- "5f74cb49": _ctx.strokeWeight
3321
+ "36eabed0": getSize(),
3322
+ "694fd9f0": _ctx.strokeWeight
3322
3323
  }));
3323
3324
  const mounted = vue.ref(false);
3324
3325
  const props = __props;
@@ -3342,16 +3343,17 @@
3342
3343
  mounted.value = true;
3343
3344
  });
3344
3345
  return (_ctx, _cache) => {
3345
- return vue.openBlock(), vue.createElementBlock("span", {
3346
+ return mounted.value ? (vue.openBlock(), vue.createElementBlock("span", {
3347
+ key: 0,
3346
3348
  class: vue.normalizeClass([prefix$f, `${prefix$f}--${_ctx.name}`, `${prefix$f}--${_ctx.size}`])
3347
3349
  }, [
3348
- mounted.value ? (vue.openBlock(), vue.createBlock(vue.unref(Icon), {
3349
- key: 0,
3350
+ vue.createVNode(vue.unref(Icon), {
3350
3351
  icon: _ctx.name,
3351
3352
  width: getSize(),
3352
- height: getSize()
3353
- }, null, 8, ["icon", "width", "height"])) : vue.createCommentVNode("", true)
3354
- ], 2);
3353
+ height: getSize(),
3354
+ ssr: false
3355
+ }, null, 8, ["icon", "width", "height"])
3356
+ ], 2)) : vue.createCommentVNode("", true);
3355
3357
  };
3356
3358
  }
3357
3359
  });
@@ -3552,6 +3554,10 @@
3552
3554
  onClick: {}
3553
3555
  },
3554
3556
  setup(__props) {
3557
+ const mounted = vue.ref(false);
3558
+ vue.onMounted(async () => {
3559
+ mounted.value = true;
3560
+ });
3555
3561
  return (_ctx, _cache) => {
3556
3562
  return vue.openBlock(), vue.createElementBlock("a", {
3557
3563
  href: _ctx.href,
@@ -3567,7 +3573,7 @@
3567
3573
  (...args) => _ctx.onClick && _ctx.onClick(...args))
3568
3574
  }, [
3569
3575
  vue.renderSlot(_ctx.$slots, "default"),
3570
- _ctx.external ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
3576
+ _ctx.external && mounted.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
3571
3577
  key: 0,
3572
3578
  name: vue.unref(IconNames).ExternalLink,
3573
3579
  size: vue.unref(Sizes).Tiny
@@ -3732,6 +3738,10 @@
3732
3738
  onClick: {}
3733
3739
  },
3734
3740
  setup(__props) {
3741
+ const mounted = vue.ref(false);
3742
+ vue.onMounted(async () => {
3743
+ mounted.value = true;
3744
+ });
3735
3745
  return (_ctx, _cache) => {
3736
3746
  return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$i), {
3737
3747
  href: _ctx.href,
@@ -3742,7 +3752,7 @@
3742
3752
  }, {
3743
3753
  default: vue.withCtx(() => [
3744
3754
  vue.renderSlot(_ctx.$slots, "default"),
3745
- _ctx.external ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
3755
+ _ctx.external && mounted.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$k), {
3746
3756
  key: 0,
3747
3757
  name: vue.unref(IconNames).ExternalLink,
3748
3758
  size: vue.unref(Sizes).Tiny
@@ -4390,11 +4400,13 @@
4390
4400
  type: { default: TextTypes.Body },
4391
4401
  theme: { default: Themes.Dark },
4392
4402
  truncate: { type: Boolean, default: false },
4393
- label: { type: Boolean, default: false }
4403
+ label: { type: Boolean, default: false },
4404
+ as: { default: "p" }
4394
4405
  },
4395
4406
  setup(__props) {
4396
4407
  return (_ctx, _cache) => {
4397
- return vue.openBlock(), vue.createElementBlock("p", {
4408
+ const _component_as = vue.resolveComponent("as");
4409
+ return vue.openBlock(), vue.createBlock(_component_as, {
4398
4410
  class: vue.normalizeClass([
4399
4411
  prefix$1,
4400
4412
  `${prefix$1}--${_ctx.type}`,
@@ -4402,9 +4414,12 @@
4402
4414
  `${prefix$1}--${_ctx.truncate ? "wrap" : "nowrap"}`,
4403
4415
  _ctx.label ? `${prefix$1}--label` : ""
4404
4416
  ])
4405
- }, [
4406
- vue.renderSlot(_ctx.$slots, "default")
4407
- ], 2);
4417
+ }, {
4418
+ default: vue.withCtx(() => [
4419
+ vue.renderSlot(_ctx.$slots, "default")
4420
+ ]),
4421
+ _: 3
4422
+ }, 8, ["class"]);
4408
4423
  };
4409
4424
  }
4410
4425
  });