@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.ccl *,.ccl ::before,.ccl ::after,.ccl ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; }
}

.ccl,.ccl { --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-200: #ffcaca; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-red-800: #9f0712; --color-red-900: #82181a; --color-red-950: #460809; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-300: #ffb96d; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-orange-800: #9f2d00; --color-orange-900: #7e2a0c; --color-amber-50: #fffbeb; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-800: #953d00; --color-amber-900: #7b3306; --color-amber-950: #461901; --color-yellow-50: #fefce8; --color-yellow-100: #fef9c2; --color-yellow-200: #fff085; --color-yellow-300: #ffe02a; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-yellow-600: #cd8900; --color-yellow-700: #a36100; --color-yellow-800: #874b00; --color-yellow-900: #733e0a; --color-yellow-950: #432004; --color-lime-100: #ecfcca; --color-lime-500: #80cd00; --color-lime-900: #35530e; --color-green-50: #f0fdf4; --color-green-200: #b9f8cf; --color-green-300: #7bf1a8; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-green-800: #016630; --color-emerald-50: #ecfdf5; --color-emerald-100: #d0fae5; --color-emerald-200: #a4f4cf; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-800: #005f46; --color-emerald-900: #004e3b; --color-emerald-950: #002c22; --color-teal-50: #f0fdfa; --color-teal-400: #00d3bd; --color-teal-500: #00baa7; --color-teal-900: #0b4f4a; --color-cyan-400: #00d2ef; --color-sky-50: #f0f9ff; --color-sky-100: #dff2fe; --color-sky-200: #b8e6fe; --color-sky-300: #77d4ff; --color-sky-400: #00bcfe; --color-sky-500: #00a5ef; --color-sky-600: #0084cc; --color-sky-700: #0069a4; --color-sky-800: #005986; --color-sky-900: #024a70; --color-sky-950: #052f4a; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-800: #193cb8; --color-blue-900: #1c398e; --color-blue-950: #162456; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-indigo-950: #1e1a4d; --color-violet-200: #ddd6ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-900: #4d179a; --color-purple-50: #faf5ff; --color-purple-100: #f3e8ff; --color-purple-200: #e9d5ff; --color-purple-300: #d9b3ff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-purple-700: #8200da; --color-purple-800: #6e11b0; --color-purple-900: #59168b; --color-purple-950: #3c0366; --color-fuchsia-50: #fdf4ff; --color-fuchsia-100: #fae8ff; --color-fuchsia-200: #f6cfff; --color-fuchsia-300: #f2a9ff; --color-fuchsia-400: #ec6cff; --color-fuchsia-500: #e12afb; --color-fuchsia-600: #c600db; --color-fuchsia-700: #a600b5; --color-fuchsia-800: #8a0194; --color-fuchsia-900: #721378; --color-fuchsia-950: #4b004f; --color-pink-50: #fdf2f8; --color-pink-100: #fce7f3; --color-pink-200: #fccee8; --color-pink-300: #fda5d5; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e30076; --color-pink-700: #c4005c; --color-pink-800: #a2004c; --color-pink-950: #510424; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-300: #ffa2ae; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-rose-800: #a30037; --color-rose-900: #8b0836; --color-rose-950: #4d0218; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-500: #6a7282; --color-gray-700: #364153; --color-zinc-100: #f4f4f5; --color-zinc-200: #e4e4e7; --color-zinc-300: #d4d4d8; --color-zinc-400: #9f9fa9; --color-zinc-500: #71717b; --color-zinc-600: #52525c; --color-zinc-700: #3f3f46; --color-zinc-800: #27272a; --color-zinc-900: #18181b; --color-zinc-950: #09090b; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-700: #404040; --color-neutral-900: #171717; --color-stone-50: #fafaf9; --color-stone-100: #f5f5f4; --color-stone-200: #e7e5e4; --color-stone-400: #a6a09b; --color-stone-500: #79716b; --color-stone-700: #44403b; --color-stone-800: #292524; --color-stone-900: #1c1917; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-2xl: calc(var(--radius) + 12px); --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif; --default-mono-font-family: var(--font-mono); --font-display: "Fraunces", ui-serif, Georgia, serif; --color-background: var(--background); --color-foreground: var(--foreground); --color-border: var(--border); }
@supports (color:lab(0% 0 0)){.ccl,.ccl { --color-red-50: lab(96.5005% 4.18508 1.52328); --color-red-100: lab(92.243% 10.2865 3.83865); --color-red-200: lab(86.017% 19.8815 7.75869); --color-red-300: lab(76.5514% 36.422 15.5335); --color-red-400: lab(63.7053% 60.745 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-red-800: lab(33.7174% 55.8993 41.0293); --color-red-900: lab(28.5139% 44.5539 29.0463); --color-red-950: lab(13.003% 29.04 16.7519); --color-orange-100: lab(94.7127% 3.58394 14.3151); --color-orange-200: lab(88.4871% 9.94918 28.8378); --color-orange-300: lab(80.8059% 21.7313 50.4455); --color-orange-400: lab(70.0429% 42.5156 75.8207); --color-orange-500: lab(64.272% 57.1788 90.3583); --color-orange-600: lab(57.1026% 64.2584 89.8886); --color-orange-700: lab(46.4615% 57.7275 70.8507); --color-orange-800: lab(37.1566% 46.6433 50.5562); --color-orange-900: lab(30.2951% 36.0434 37.671); --color-amber-50: lab(98.6252% -.635922 8.42309); --color-amber-100: lab(95.916% -1.21653 23.111); --color-amber-200: lab(91.7203% -.505269 49.9084); --color-amber-300: lab(86.4156% 6.13147 78.3961); --color-amber-400: lab(80.1641% 16.6016 99.2089); --color-amber-500: lab(72.7183% 31.8672 97.9407); --color-amber-600: lab(60.3514% 40.5624 87.1228); --color-amber-700: lab(47.2709% 42.9082 69.2966); --color-amber-800: lab(37.8822% 37.1699 52.2718); --color-amber-900: lab(31.2288% 30.2627 40.0378); --color-amber-950: lab(15.8111% 20.9107 23.3752); --color-yellow-50: lab(98.6846% -1.79055 9.7766); --color-yellow-100: lab(97.3564% -4.51407 27.344); --color-yellow-200: lab(94.3433% -5.00429 52.9663); --color-yellow-300: lab(89.7033% -.480294 84.4917); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-yellow-600: lab(62.7799% 22.4197 86.1544); --color-yellow-700: lab(47.8202% 25.2426 66.5015); --color-yellow-800: lab(38.7484% 23.5833 51.4916); --color-yellow-900: lab(32.3865% 21.1273 38.5959); --color-yellow-950: lab(16.8146% 15.7422 23.1133); --color-lime-100: lab(96.8662% -11.7133 22.0854); --color-lime-500: lab(75.3197% -46.6547 86.1778); --color-lime-900: lab(31.9931% -20.7654 33.7379); --color-green-50: lab(98.1563% -5.60117 2.75915); --color-green-200: lab(92.4222% -26.4702 12.9427); --color-green-300: lab(86.9953% -47.2691 25.0054); --color-green-400: lab(78.503% -64.9265 39.7492); --color-green-500: lab(70.5521% -66.5147 45.8073); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-green-800: lab(37.4616% -36.7971 22.9692); --color-emerald-50: lab(97.8462% -6.94966 1.85487); --color-emerald-100: lab(94.9004% -17.0769 5.63836); --color-emerald-200: lab(90.2247% -31.039 9.47084); --color-emerald-300: lab(83.9203% -48.7124 13.8849); --color-emerald-400: lab(75.0771% -60.7313 19.4147); --color-emerald-500: lab(66.9756% -58.27 19.5419); --color-emerald-600: lab(55.0481% -49.9246 15.93); --color-emerald-700: lab(44.4871% -41.0396 11.0361); --color-emerald-800: lab(35.3675% -33.1188 8.04002); --color-emerald-900: lab(28.8637% -26.9249 5.45986); --color-emerald-950: lab(15.0582% -17.9507 2.38369); --color-teal-50: lab(98.3189% -4.74921 -.111711); --color-teal-400: lab(76.0109% -53.3483 -2.27906); --color-teal-500: lab(67.3859% -49.0983 -2.63511); --color-teal-900: lab(29.506% -21.4706 -3.59886); --color-cyan-400: lab(76.6045% -40.9406 -29.6231); --color-sky-50: lab(97.3623% -2.33802 -4.13098); --color-sky-100: lab(94.3709% -4.56053 -8.23453); --color-sky-200: lab(88.6983% -11.3978 -16.8488); --color-sky-300: lab(80.3307% -20.2945 -31.385); --color-sky-400: lab(70.687% -23.6078 -45.9483); --color-sky-500: lab(63.3038% -18.433 -51.0407); --color-sky-600: lab(51.7754% -11.4712 -49.8349); --color-sky-700: lab(41.6013% -9.10804 -42.5647); --color-sky-800: lab(35.164% -9.57692 -34.4068); --color-sky-900: lab(29.1959% -8.34689 -28.2453); --color-sky-950: lab(17.8299% -5.31271 -21.1584); --color-blue-50: lab(96.492% -1.14644 -5.11479); --color-blue-100: lab(92.0301% -2.24757 -11.6453); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42065 -56.9802); --color-blue-500: lab(54.1736% 13.3369 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-800: lab(30.2514% 27.7853 -70.2699); --color-blue-900: lab(26.1542% 15.7545 -51.5504); --color-blue-950: lab(15.6723% 8.86232 -32.2945); --color-indigo-50: lab(95.4818% .411302 -6.78529); --color-indigo-100: lab(91.6577% 1.04591 -12.7199); --color-indigo-200: lab(84.4329% 3.18977 -23.9688); --color-indigo-300: lab(74.0235% 8.54138 -41.6075); --color-indigo-400: lab(59.866% 22.4834 -64.4485); --color-indigo-500: lab(48.295% 38.3129 -81.9673); --color-indigo-600: lab(38.4009% 52.6132 -92.3857); --color-indigo-700: lab(32.4486% 49.2217 -84.6695); --color-indigo-900: lab(23.3911% 24.6978 -50.4718); --color-indigo-950: lab(12.4853% 14.9672 -31.3418); --color-violet-200: lab(87.0888% 8.53688 -19.4189); --color-violet-400: lab(62.8239% 34.9159 -60.0512); --color-violet-500: lab(49.9355% 55.1776 -81.8963); --color-violet-900: lab(24.3783% 45.7525 -61.4902); --color-purple-50: lab(97.1627% 2.99937 -4.13398); --color-purple-100: lab(93.3333% 6.97437 -9.83434); --color-purple-200: lab(87.8405% 13.4282 -18.7159); --color-purple-300: lab(78.3298% 26.2195 -34.9499); --color-purple-500: lab(52.0183% 66.11 -78.2316); --color-purple-600: lab(43.0295% 75.21 -86.5669); --color-purple-700: lab(36.1758% 69.8525 -80.0381); --color-purple-800: lab(30.6017% 56.7637 -64.4751); --color-purple-900: lab(24.9401% 45.2703 -51.2728); --color-purple-950: lab(14.8253% 38.9005 -44.5861); --color-fuchsia-50: lab(97.1083% 4.46233 -4.09334); --color-fuchsia-100: lab(93.9419% 9.57647 -9.08735); --color-fuchsia-200: lab(87.7108% 19.9958 -18.2054); --color-fuchsia-300: lab(78.5378% 39.3533 -32.9615); --color-fuchsia-400: lab(66.1178% 66.0652 -52.4733); --color-fuchsia-500: lab(56.4256% 83.132 -64.639); --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363); --color-fuchsia-700: lab(39.787% 72.2653 -53.1244); --color-fuchsia-800: lab(32.904% 60.2883 -43.6569); --color-fuchsia-900: lab(27.755% 48.6174 -34.3553); --color-fuchsia-950: lab(15.7348% 39.0235 -27.4073); --color-pink-50: lab(96.4459% 4.53997 -1.49434); --color-pink-100: lab(93.5864% 9.01193 -3.15079); --color-pink-200: lab(87.4504% 19.6 -6.46662); --color-pink-300: lab(77.8308% 38.525 -10.5394); --color-pink-400: lab(64.5597% 64.3615 -12.7988); --color-pink-500: lab(56.9303% 76.8162 -8.07021); --color-pink-600: lab(49.5493% 79.8381 2.31768); --color-pink-700: lab(42.1737% 71.8009 7.42233); --color-pink-800: lab(34.9559% 60.2885 5.99639); --color-pink-950: lab(15.6116% 35.2166 3.53979); --color-rose-50: lab(96.2369% 4.94155 1.28011); --color-rose-100: lab(92.8221% 9.86832 2.60075); --color-rose-200: lab(86.806% 19.1909 4.07754); --color-rose-300: lab(76.6339% 38.3549 9.68835); --color-rose-400: lab(64.4125% 63.0291 19.2068); --color-rose-500: lab(56.101% 79.4328 31.4532); --color-rose-600: lab(49.1882% 81.577 36.0311); --color-rose-700: lab(41.1651% 71.6251 30.3087); --color-rose-800: lab(34.6481% 60.802 20.1957); --color-rose-900: lab(29.7104% 51.514 12.6253); --color-rose-950: lab(14.2323% 34.0086 9.80922); --color-slate-50: lab(98.1434% -.369519 -1.05966); --color-slate-100: lab(96.286% -.852436 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-300: lab(84.7652% -1.94535 -7.93337); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-500: lab(48.0876% -2.03595 -16.5814); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --color-slate-700: lab(26.9569% -1.47016 -15.6993); --color-slate-800: lab(16.132% -.318035 -14.6672); --color-slate-900: lab(7.78673% 1.82345 -15.0537); --color-slate-950: lab(1.76974% 1.32743 -9.28855); --color-gray-500: lab(47.7841% -.393182 -10.0268); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-zinc-100: lab(96.1634% .0993311 -.364041); --color-zinc-200: lab(90.6853% .399232 -1.45452); --color-zinc-300: lab(84.9837% .601262 -2.17986); --color-zinc-400: lab(65.6464% 1.53497 -5.42429); --color-zinc-500: lab(47.8878% 1.65477 -5.77283); --color-zinc-600: lab(35.1166% 1.78212 -6.1173); --color-zinc-700: lab(26.8019% 1.35387 -4.68303); --color-zinc-800: lab(15.7305% .613764 -2.16959); --color-zinc-900: lab(8.30603% .618205 -2.16572); --color-zinc-950: lab(2.51107% .242703 -.886115); --color-neutral-50: lab(98.26% 0 0); --color-neutral-100: lab(96.52% -.0000298023 .0000119209); --color-neutral-700: lab(27.036% 0 0); --color-neutral-900: lab(7.78201% -.0000149012 0); --color-stone-50: lab(98.2686% -.0991821 .364304); --color-stone-100: lab(96.5286% -.0991821 .364268); --color-stone-200: lab(91.055% .663072 .865579); --color-stone-400: lab(66.2166% 1.88044 3.20326); --color-stone-500: lab(48.1164% 2.35701 4.26852); --color-stone-700: lab(27.3812% 1.32917 3.57789); --color-stone-800: lab(15.0353% 1.96067 1.53427); --color-stone-900: lab(9.03835% 1.15298 1.92955); }
}

.ccl *,.ccl ::after,.ccl ::before,.ccl ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.ccl ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
.ccl,.ccl { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
.ccl hr { height: 0px; color: inherit; border-top-width: 1px; }
.ccl abbr:where([title]) { text-decoration: underline dotted; }
.ccl h1,.ccl h2,.ccl h3,.ccl h4,.ccl h5,.ccl h6 { font-size: inherit; font-weight: inherit; }
.ccl a { color: inherit; text-decoration: inherit; }
.ccl b,.ccl strong { font-weight: bolder; }
.ccl code,.ccl kbd,.ccl samp,.ccl pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
.ccl small { font-size: 80%; }
.ccl sub,.ccl sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
.ccl sub { bottom: -0.25em; }
.ccl sup { top: -0.5em; }
.ccl table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
.ccl progress { vertical-align: baseline; }
.ccl summary { display: list-item; }
.ccl ol,.ccl ul,.ccl menu { list-style: none; }
.ccl img,.ccl svg,.ccl video,.ccl canvas,.ccl audio,.ccl iframe,.ccl embed,.ccl object { vertical-align: middle; display: block; }
.ccl img,.ccl video { max-width: 100%; height: auto; }
.ccl button,.ccl input,.ccl select,.ccl optgroup,.ccl textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
.ccl ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
.ccl :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
.ccl :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
.ccl ::file-selector-button { margin-inline-end: 4px; }
.ccl ::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.ccl ::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab,red,red)){.ccl ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
.ccl textarea { resize: vertical; }
.ccl ::-webkit-search-decoration { appearance: none; }
.ccl ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
.ccl ::-webkit-datetime-edit { display: inline-flex; }
.ccl ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
.ccl ::-webkit-datetime-edit { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-year-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-month-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-day-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-second-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
.ccl ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
.ccl ::-webkit-calendar-picker-indicator { line-height: 1; }
.ccl button,.ccl input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
.ccl ::file-selector-button { appearance: button; }
.ccl ::-webkit-inner-spin-button { height: auto; }
.ccl ::-webkit-outer-spin-button { height: auto; }
.ccl [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
.ccl * { border-color: var(--color-border); }
.ccl { font-family: var(--font-sans); overscroll-behavior-y: none; width: 100%; max-width: 100vw; overflow-x: clip; }
.ccl { background-color: var(--color-background); color: var(--color-foreground); overscroll-behavior: none; background-image: radial-gradient(circle at 20% 10%, rgba(249, 213, 68, 0.18), rgba(0, 0, 0, 0) 40%), radial-gradient(circle at 90% 80%, rgba(138, 177, 129, 0.15), rgba(0, 0, 0, 0) 45%); background-attachment: fixed; width: 100%; max-width: 100vw; position: relative; overflow-x: clip; }
.ccl h1,.ccl h2,.ccl h3,.ccl h4 { font-family: var(--font-display); letter-spacing: -0.02em; font-weight: 600; }


.ccl .pointer-events-auto { pointer-events: auto; }
.ccl .pointer-events-none { pointer-events: none; }
.ccl .collapse { visibility: collapse; }
.ccl .invisible { visibility: hidden; }
.ccl .visible { visibility: visible; }
.ccl .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.ccl .absolute { position: absolute; }
.ccl .fixed { position: fixed; }
.ccl .relative { position: relative; }
.ccl .static { position: static; }
.ccl .sticky { position: sticky; }
.ccl .-inset-6 { inset: calc(var(--spacing) * -6); }
.ccl .inset-0 { inset: calc(var(--spacing) * 0); }
.ccl .inset-1 { inset: calc(var(--spacing) * 1); }
.ccl .inset-x-0 { inset-inline: calc(var(--spacing) * 0); }
.ccl .inset-x-3 { inset-inline: calc(var(--spacing) * 3); }
.ccl .inset-y-0 { inset-block: calc(var(--spacing) * 0); }
.ccl .start { inset-inline-start: var(--spacing); }
.ccl .end { inset-inline-end: var(--spacing); }
.ccl .-top-0\.5 { top: calc(var(--spacing) * -.5); }
.ccl .-top-1 { top: calc(var(--spacing) * -1); }
.ccl .-top-1\.5 { top: calc(var(--spacing) * -1.5); }
.ccl .-top-2 { top: calc(var(--spacing) * -2); }
.ccl .-top-4 { top: calc(var(--spacing) * -4); }
.ccl .-top-6 { top: calc(var(--spacing) * -6); }
.ccl .-top-12 { top: calc(var(--spacing) * -12); }
.ccl .-top-16 { top: calc(var(--spacing) * -16); }
.ccl .top-0 { top: calc(var(--spacing) * 0); }
.ccl .top-0\.5 { top: calc(var(--spacing) * .5); }
.ccl .top-1 { top: calc(var(--spacing) * 1); }
.ccl .top-1\.5 { top: calc(var(--spacing) * 1.5); }
.ccl .top-1\/2 { top: 50%; }
.ccl .top-2 { top: calc(var(--spacing) * 2); }
.ccl .top-2\.5 { top: calc(var(--spacing) * 2.5); }
.ccl .top-3 { top: calc(var(--spacing) * 3); }
.ccl .top-3\.5 { top: calc(var(--spacing) * 3.5); }
.ccl .top-4 { top: calc(var(--spacing) * 4); }
.ccl .top-9 { top: calc(var(--spacing) * 9); }
.ccl .top-10 { top: calc(var(--spacing) * 10); }
.ccl .top-14 { top: calc(var(--spacing) * 14); }
.ccl .top-16 { top: calc(var(--spacing) * 16); }
.ccl .top-20 { top: calc(var(--spacing) * 20); }
.ccl .top-24 { top: calc(var(--spacing) * 24); }
.ccl .top-28 { top: calc(var(--spacing) * 28); }
.ccl .top-\[1px\] { top: 1px; }
.ccl .top-\[5vh\] { top: 5vh; }
.ccl .top-\[50\%\] { top: 50%; }
.ccl .top-\[60\%\] { top: 60%; }
.ccl .top-\[220px\] { top: 220px; }
.ccl .top-full { top: 100%; }
.ccl .-right-0\.5 { right: calc(var(--spacing) * -.5); }
.ccl .-right-1 { right: calc(var(--spacing) * -1); }
.ccl .-right-1\.5 { right: calc(var(--spacing) * -1.5); }
.ccl .-right-2 { right: calc(var(--spacing) * -2); }
.ccl .-right-4 { right: calc(var(--spacing) * -4); }
.ccl .-right-6 { right: calc(var(--spacing) * -6); }
.ccl .-right-12 { right: calc(var(--spacing) * -12); }
.ccl .-right-16 { right: calc(var(--spacing) * -16); }
.ccl .right-0 { right: calc(var(--spacing) * 0); }
.ccl .right-0\.5 { right: calc(var(--spacing) * .5); }
.ccl .right-1 { right: calc(var(--spacing) * 1); }
.ccl .right-1\.5 { right: calc(var(--spacing) * 1.5); }
.ccl .right-2 { right: calc(var(--spacing) * 2); }
.ccl .right-2\.5 { right: calc(var(--spacing) * 2.5); }
.ccl .right-3 { right: calc(var(--spacing) * 3); }
.ccl .right-4 { right: calc(var(--spacing) * 4); }
.ccl .right-6 { right: calc(var(--spacing) * 6); }
.ccl .right-8 { right: calc(var(--spacing) * 8); }
.ccl .right-10 { right: calc(var(--spacing) * 10); }
.ccl .right-14 { right: calc(var(--spacing) * 14); }
.ccl .right-16 { right: calc(var(--spacing) * 16); }
.ccl .right-24 { right: calc(var(--spacing) * 24); }
.ccl .-bottom-1 { bottom: calc(var(--spacing) * -1); }
.ccl .-bottom-2 { bottom: calc(var(--spacing) * -2); }
.ccl .-bottom-10 { bottom: calc(var(--spacing) * -10); }
.ccl .-bottom-12 { bottom: calc(var(--spacing) * -12); }
.ccl .-bottom-14 { bottom: calc(var(--spacing) * -14); }
.ccl .bottom-0 { bottom: calc(var(--spacing) * 0); }
.ccl .bottom-1 { bottom: calc(var(--spacing) * 1); }
.ccl .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); }
.ccl .bottom-2 { bottom: calc(var(--spacing) * 2); }
.ccl .bottom-3 { bottom: calc(var(--spacing) * 3); }
.ccl .bottom-4 { bottom: calc(var(--spacing) * 4); }
.ccl .bottom-6 { bottom: calc(var(--spacing) * 6); }
.ccl .bottom-8 { bottom: calc(var(--spacing) * 8); }
.ccl .bottom-16 { bottom: calc(var(--spacing) * 16); }
.ccl .bottom-20 { bottom: calc(var(--spacing) * 20); }
.ccl .bottom-24 { bottom: calc(var(--spacing) * 24); }
.ccl .bottom-32 { bottom: calc(var(--spacing) * 32); }
.ccl .bottom-36 { bottom: calc(var(--spacing) * 36); }
.ccl .bottom-52 { bottom: calc(var(--spacing) * 52); }
.ccl .bottom-\[11\.5rem\] { bottom: 11.5rem; }
.ccl .bottom-\[18rem\] { bottom: 18rem; }
.ccl .bottom-\[21\.5rem\] { bottom: 21.5rem; }
.ccl .-left-10 { left: calc(var(--spacing) * -10); }
.ccl .-left-12 { left: calc(var(--spacing) * -12); }
.ccl .-left-14 { left: calc(var(--spacing) * -14); }
.ccl .left-0 { left: calc(var(--spacing) * 0); }
.ccl .left-0\.5 { left: calc(var(--spacing) * .5); }
.ccl .left-1 { left: calc(var(--spacing) * 1); }
.ccl .left-1\/2 { left: 50%; }
.ccl .left-2 { left: calc(var(--spacing) * 2); }
.ccl .left-3 { left: calc(var(--spacing) * 3); }
.ccl .left-4 { left: calc(var(--spacing) * 4); }
.ccl .left-6 { left: calc(var(--spacing) * 6); }
.ccl .left-8 { left: calc(var(--spacing) * 8); }
.ccl .left-\[50\%\] { left: 50%; }
.ccl .isolate { isolation: isolate; }
.ccl .-z-0 { z-index: 0; }
.ccl .z-10 { z-index: 10; }
.ccl .z-20 { z-index: 20; }
.ccl .z-30 { z-index: 30; }
.ccl .z-40 { z-index: 40; }
.ccl .z-50 { z-index: 50; }
.ccl .z-\[1\] { z-index: 1; }
.ccl .z-\[55\] { z-index: 55; }
.ccl .z-\[59\] { z-index: 59; }
.ccl .z-\[60\] { z-index: 60; }
.ccl .z-\[70\] { z-index: 70; }
.ccl .z-\[80\] { z-index: 80; }
.ccl .z-\[90\] { z-index: 90; }
.ccl .z-\[100\] { z-index: 100; }
.ccl .z-\[200\] { z-index: 200; }
.ccl .z-\[210\] { z-index: 210; }
.ccl .z-\[9998\] { z-index: 9998; }
.ccl .z-\[9999\] { z-index: 9999; }
.ccl .z-\[10000\] { z-index: 10000; }
.ccl .z-\[2147483600\] { z-index: 2147483600; }
.ccl .col-span-1 { grid-column: span 1 / span 1; }
.ccl .col-span-2 { grid-column: span 2 / span 2; }
.ccl .col-span-3 { grid-column: span 3 / span 3; }
.ccl .col-span-6 { grid-column: span 6 / span 6; }
.ccl .col-span-full { grid-column: 1 / -1; }
.ccl .container { width: 100%; }
@media (min-width: 40rem){.ccl .container { max-width: 40rem; }
}
@media (min-width: 48rem){.ccl .container { max-width: 48rem; }
}
@media (min-width: 64rem){.ccl .container { max-width: 64rem; }
}
@media (min-width: 80rem){.ccl .container { max-width: 80rem; }
}
@media (min-width: 96rem){.ccl .container { max-width: 96rem; }
}
.ccl .-m-2 { margin: calc(var(--spacing) * -2); }
.ccl .m-3 { margin: calc(var(--spacing) * 3); }
.ccl .-mx-1 { margin-inline: calc(var(--spacing) * -1); }
.ccl .-mx-2 { margin-inline: calc(var(--spacing) * -2); }
.ccl .-mx-4 { margin-inline: calc(var(--spacing) * -4); }
.ccl .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); }
.ccl .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); }
.ccl .mx-2 { margin-inline: calc(var(--spacing) * 2); }
.ccl .mx-3 { margin-inline: calc(var(--spacing) * 3); }
.ccl .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); }
.ccl .mx-4 { margin-inline: calc(var(--spacing) * 4); }
.ccl .mx-auto { margin-inline: auto; }
.ccl .my-0\.5 { margin-block: calc(var(--spacing) * .5); }
.ccl .my-1 { margin-block: calc(var(--spacing) * 1); }
.ccl .my-3 { margin-block: calc(var(--spacing) * 3); }
.ccl .my-4 { margin-block: calc(var(--spacing) * 4); }
.ccl .my-6 { margin-block: calc(var(--spacing) * 6); }
.ccl .my-8 { margin-block: calc(var(--spacing) * 8); }
.ccl .my-10 { margin-block: calc(var(--spacing) * 10); }
.ccl .prose { color: var(--tw-prose-body); max-width: 65ch; }
.ccl .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
.ccl .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; }
.ccl .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; }
.ccl .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; }
.ccl .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
.ccl .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: decimal; }
.ccl .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; }
.ccl .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; }
.ccl .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; }
.ccl .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; }
.ccl .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; }
.ccl .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; }
.ccl .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; }
.ccl .prose :where():not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; }
.ccl .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; }
.ccl .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; list-style-type: disc; }
.ccl .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; }
.ccl .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); }
.ccl .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; }
.ccl .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; }
.ccl .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“" "”" "‘" "’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; }
.ccl .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::before { content: open-quote; }
.ccl .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: close-quote; }
.ccl .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0px; margin-bottom: 0.888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; }
.ccl .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; }
.ccl .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; }
.ccl .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; }
.ccl .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; }
.ccl .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; }
.ccl .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 600; line-height: 1.5; }
.ccl .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; }
.ccl .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; }
.ccl .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows); padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em; border-radius: 0.3125rem; font-family: inherit; font-size: 0.875em; font-weight: 500; }
.ccl .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: 0.875em; font-weight: 600; }
.ccl .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,.ccl .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: "`"; }
.ccl .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
.ccl .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.875em; }
.ccl .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: 0.9em; }
.ccl .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; }
.ccl .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: 0.857143em; padding-inline: 1.14286em; padding-bottom: 0.857143em; border-radius: 0.375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: 0.875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; }
.ccl .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: rgba(0, 0, 0, 0); border-width: 0px; border-radius: 0px; padding: 0px; }
.ccl .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,.ccl .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after { content: none; }
.ccl .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.71429; }
.ccl .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); }
.ccl .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-inline: 0.571429em; padding-bottom: 0.571429em; font-weight: 600; }
.ccl .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); }
.ccl .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0px; }
.ccl .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; }
.ccl .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); }
.ccl .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; }
.ccl .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; }
.ccl .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; }
.ccl .prose { --tw-prose-body: #364153; --tw-prose-headings: #101828; --tw-prose-lead: #4a5565; --tw-prose-links: #101828; --tw-prose-bold: #101828; --tw-prose-counters: #6a7282; --tw-prose-bullets: #d1d5dc; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #101828; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6a7282; --tw-prose-kbd: #101828; --tw-prose-kbd-shadows: #1018281a; --tw-prose-code: #101828; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1e2939; --tw-prose-th-borders: #d1d5dc; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5dc; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #99a1af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #99a1af; --tw-prose-invert-bullets: #4a5565; --tw-prose-invert-hr: #364153; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #364153; --tw-prose-invert-captions: #99a1af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5dc; --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: #4a5565; --tw-prose-invert-td-borders: #364153; font-size: 1rem; line-height: 1.75; }
@supports (color:lab(0% 0 0)){.ccl .prose { --tw-prose-body: lab(27.1134% -.956401 -12.3224); --tw-prose-headings: lab(8.11897% .811279 -12.254); --tw-prose-lead: lab(35.6337% -1.58697 -10.8425); --tw-prose-links: lab(8.11897% .811279 -12.254); --tw-prose-bold: lab(8.11897% .811279 -12.254); --tw-prose-counters: lab(47.7841% -.393182 -10.0268); --tw-prose-bullets: lab(85.1236% -.612259 -3.7138); --tw-prose-hr: lab(91.6229% -.159115 -2.26791); --tw-prose-quotes: lab(8.11897% .811279 -12.254); --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-captions: lab(47.7841% -.393182 -10.0268); --tw-prose-kbd: lab(8.11897% .811279 -12.254); --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254/.1); --tw-prose-code: lab(8.11897% .811279 -12.254); --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791); --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533); --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138); --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575); --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224); }
}
.ccl .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }
.ccl .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; }
.ccl .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
.ccl .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
.ccl .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
.ccl .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
.ccl .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
.ccl .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
.ccl .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
.ccl .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }
.ccl .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; }
.ccl .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
.ccl .prose-lg { font-size: 1.125rem; line-height: 1.77778; }
.ccl .prose-lg :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; }
.ccl .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.09091em; margin-bottom: 1.09091em; font-size: 1.22222em; line-height: 1.45455; }
.ccl .prose-lg :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; }
.ccl .prose-lg :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0.833333em; font-size: 2.66667em; line-height: 1; }
.ccl .prose-lg :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.86667em; margin-bottom: 1.06667em; font-size: 1.66667em; line-height: 1.33333; }
.ccl .prose-lg :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.66667em; margin-bottom: 0.666667em; font-size: 1.33333em; line-height: 1.5; }
.ccl .prose-lg :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.77778em; margin-bottom: 0.444444em; line-height: 1.55556; }
.ccl .prose-lg :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }
.ccl .prose-lg :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose-lg :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }
.ccl .prose-lg :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.222222em; padding-inline: 0.444444em; padding-bottom: 0.222222em; border-radius: 0.3125rem; font-size: 0.888889em; }
.ccl .prose-lg :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; }
.ccl .prose-lg :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.866667em; }
.ccl .prose-lg :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.875em; }
.ccl .prose-lg :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 1em; padding-inline: 1.5em; padding-bottom: 1em; border-radius: 0.375rem; margin-top: 2em; margin-bottom: 2em; font-size: 0.888889em; line-height: 1.75; }
.ccl .prose-lg :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.55556em; }
.ccl .prose-lg :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.666667em; margin-bottom: 0.666667em; }
.ccl .prose-lg :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.444444em; }
.ccl .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }
.ccl .prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; }
.ccl .prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.33333em; }
.ccl .prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; }
.ccl .prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.33333em; }
.ccl .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; }
.ccl .prose-lg :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; }
.ccl .prose-lg :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; }
.ccl .prose-lg :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.666667em; padding-inline-start: 1.55556em; }
.ccl .prose-lg :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 3.11111em; margin-bottom: 3.11111em; }
.ccl .prose-lg :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-lg :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose-lg :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; line-height: 1.5; }
.ccl .prose-lg :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: 0.75em; padding-bottom: 0.75em; }
.ccl .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.75em; padding-inline: 0.75em; padding-bottom: 0.75em; }
.ccl .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose-lg :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em; }
.ccl .prose-lg :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose-lg :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1em; font-size: 0.888889em; line-height: 1.5; }
.ccl .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
.ccl .prose-sm { font-size: 0.875rem; line-height: 1.71429; }
.ccl .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
.ccl .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.888889em; margin-bottom: 0.888889em; font-size: 1.28571em; line-height: 1.55556; }
.ccl .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; }
.ccl .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0.8em; font-size: 2.14286em; line-height: 1.2; }
.ccl .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 0.8em; font-size: 1.42857em; line-height: 1.4; }
.ccl .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.55556em; margin-bottom: 0.444444em; font-size: 1.28571em; line-height: 1.55556; }
.ccl .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: 0.571429em; line-height: 1.42857; }
.ccl .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
.ccl .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
.ccl .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.142857em; padding-inline: 0.357143em; padding-bottom: 0.142857em; border-radius: 0.3125rem; font-size: 0.857143em; }
.ccl .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; }
.ccl .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.9em; }
.ccl .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.888889em; }
.ccl .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.666667em; padding-inline: 1em; padding-bottom: 0.666667em; border-radius: 0.25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; font-size: 0.857143em; line-height: 1.66667; }
.ccl .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; }
.ccl .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.285714em; margin-bottom: 0.285714em; }
.ccl .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.428571em; }
.ccl .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
.ccl .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
.ccl .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; }
.ccl .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
.ccl .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; }
.ccl .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.571429em; margin-bottom: 0.571429em; }
.ccl .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; }
.ccl .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; }
.ccl .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.285714em; padding-inline-start: 1.57143em; }
.ccl .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; }
.ccl .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.857143em; line-height: 1.5; }
.ccl .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: 1em; padding-bottom: 0.666667em; }
.ccl .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.666667em; padding-inline: 1em; padding-bottom: 0.666667em; }
.ccl .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; }
.ccl .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.666667em; font-size: 0.857143em; line-height: 1.33333; }
.ccl .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
.ccl .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); }
.ccl .-mt-1 { margin-top: calc(var(--spacing) * -1); }
.ccl .-mt-2 { margin-top: calc(var(--spacing) * -2); }
.ccl .-mt-4 { margin-top: calc(var(--spacing) * -4); }
.ccl .-mt-6 { margin-top: calc(var(--spacing) * -6); }
.ccl .-mt-10 { margin-top: calc(var(--spacing) * -10); }
.ccl .mt-0\.5 { margin-top: calc(var(--spacing) * .5); }
.ccl .mt-1 { margin-top: calc(var(--spacing) * 1); }
.ccl .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); }
.ccl .mt-2 { margin-top: calc(var(--spacing) * 2); }
.ccl .mt-3 { margin-top: calc(var(--spacing) * 3); }
.ccl .mt-4 { margin-top: calc(var(--spacing) * 4); }
.ccl .mt-5 { margin-top: calc(var(--spacing) * 5); }
.ccl .mt-6 { margin-top: calc(var(--spacing) * 6); }
.ccl .mt-7 { margin-top: calc(var(--spacing) * 7); }
.ccl .mt-8 { margin-top: calc(var(--spacing) * 8); }
.ccl .mt-10 { margin-top: calc(var(--spacing) * 10); }
.ccl .mt-12 { margin-top: calc(var(--spacing) * 12); }
.ccl .mt-14 { margin-top: calc(var(--spacing) * 14); }
.ccl .mt-16 { margin-top: calc(var(--spacing) * 16); }
.ccl .mt-20 { margin-top: calc(var(--spacing) * 20); }
.ccl .mt-24 { margin-top: calc(var(--spacing) * 24); }
.ccl .mt-auto { margin-top: auto; }
.ccl .\!mr-1 { margin-right: calc(var(--spacing) * 1) !important; }
.ccl .mr-0\.5 { margin-right: calc(var(--spacing) * .5); }
.ccl .mr-1 { margin-right: calc(var(--spacing) * 1); }
.ccl .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); }
.ccl .mr-2 { margin-right: calc(var(--spacing) * 2); }
.ccl .mr-8 { margin-right: calc(var(--spacing) * 8); }
.ccl .-mb-0\.5 { margin-bottom: calc(var(--spacing) * -.5); }
.ccl .-mb-1 { margin-bottom: calc(var(--spacing) * -1); }
.ccl .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); }
.ccl .mb-1 { margin-bottom: calc(var(--spacing) * 1); }
.ccl .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); }
.ccl .mb-2 { margin-bottom: calc(var(--spacing) * 2); }
.ccl .mb-3 { margin-bottom: calc(var(--spacing) * 3); }
.ccl .mb-4 { margin-bottom: calc(var(--spacing) * 4); }
.ccl .mb-5 { margin-bottom: calc(var(--spacing) * 5); }
.ccl .mb-6 { margin-bottom: calc(var(--spacing) * 6); }
.ccl .mb-8 { margin-bottom: calc(var(--spacing) * 8); }
.ccl .mb-10 { margin-bottom: calc(var(--spacing) * 10); }
.ccl .mb-12 { margin-bottom: calc(var(--spacing) * 12); }
.ccl .mb-16 { margin-bottom: calc(var(--spacing) * 16); }
.ccl .mb-24 { margin-bottom: calc(var(--spacing) * 24); }
.ccl .-ml-2 { margin-left: calc(var(--spacing) * -2); }
.ccl .-ml-4 { margin-left: calc(var(--spacing) * -4); }
.ccl .-ml-6 { margin-left: calc(var(--spacing) * -6); }
.ccl .ml-0\.5 { margin-left: calc(var(--spacing) * .5); }
.ccl .ml-1 { margin-left: calc(var(--spacing) * 1); }
.ccl .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); }
.ccl .ml-2 { margin-left: calc(var(--spacing) * 2); }
.ccl .ml-4 { margin-left: calc(var(--spacing) * 4); }
.ccl .ml-6 { margin-left: calc(var(--spacing) * 6); }
.ccl .ml-8 { margin-left: calc(var(--spacing) * 8); }
.ccl .ml-9 { margin-left: calc(var(--spacing) * 9); }
.ccl .ml-10 { margin-left: calc(var(--spacing) * 10); }
.ccl .ml-auto { margin-left: auto; }
.ccl .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.ccl .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.ccl .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.ccl .block { display: block; }
.ccl .block\! { display: block !important; }
.ccl .contents { display: contents; }
.ccl .flex { display: flex; }
.ccl .grid { display: grid; }
.ccl .hidden { display: none; }
.ccl .inline { display: inline; }
.ccl .inline-block { display: inline-block; }
.ccl .inline-flex { display: inline-flex; }
.ccl .table { display: table; }
.ccl .\!aspect-\[16\/7\] { aspect-ratio: 16 / 7 !important; }
.ccl .aspect-\[2\/3\] { aspect-ratio: 2 / 3; }
.ccl .aspect-\[3\/1\] { aspect-ratio: 3 / 1; }
.ccl .aspect-\[3\/2\] { aspect-ratio: 3 / 2; }
.ccl .aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.ccl .aspect-\[16\/9\] { aspect-ratio: 16 / 9; }
.ccl .aspect-\[16\/10\] { aspect-ratio: 16 / 10; }
.ccl .aspect-square { aspect-ratio: 1 / 1; }
.ccl .aspect-video { aspect-ratio: var(--aspect-video); }
.ccl .\!size-7 { width: calc(var(--spacing) * 7) !important; height: calc(var(--spacing) * 7) !important; }
.ccl .size-\(--cell-size\) { width: var(--cell-size); height: var(--cell-size); }
.ccl .size-1 { width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1); }
.ccl .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); }
.ccl .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); }
.ccl .size-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); }
.ccl .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); }
.ccl .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
.ccl .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.ccl .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
.ccl .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); }
.ccl .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); }
.ccl .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); }
.ccl .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }
.ccl .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); }
.ccl .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); }
.ccl .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); }
.ccl .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); }
.ccl .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); }
.ccl .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); }
.ccl .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28); }
.ccl .\!h-10 { height: calc(var(--spacing) * 10) !important; }
.ccl .h-\(--cell-size\) { height: var(--cell-size); }
.ccl .h-1 { height: calc(var(--spacing) * 1); }
.ccl .h-1\.5 { height: calc(var(--spacing) * 1.5); }
.ccl .h-1\/3 { height: 33.3333%; }
.ccl .h-2 { height: calc(var(--spacing) * 2); }
.ccl .h-2\.5 { height: calc(var(--spacing) * 2.5); }
.ccl .h-3 { height: calc(var(--spacing) * 3); }
.ccl .h-3\.5 { height: calc(var(--spacing) * 3.5); }
.ccl .h-4 { height: calc(var(--spacing) * 4); }
.ccl .h-5 { height: calc(var(--spacing) * 5); }
.ccl .h-6 { height: calc(var(--spacing) * 6); }
.ccl .h-7 { height: calc(var(--spacing) * 7); }
.ccl .h-8 { height: calc(var(--spacing) * 8); }
.ccl .h-9 { height: calc(var(--spacing) * 9); }
.ccl .h-10 { height: calc(var(--spacing) * 10); }
.ccl .h-11 { height: calc(var(--spacing) * 11); }
.ccl .h-12 { height: calc(var(--spacing) * 12); }
.ccl .h-14 { height: calc(var(--spacing) * 14); }
.ccl .h-16 { height: calc(var(--spacing) * 16); }
.ccl .h-20 { height: calc(var(--spacing) * 20); }
.ccl .h-24 { height: calc(var(--spacing) * 24); }
.ccl .h-28 { height: calc(var(--spacing) * 28); }
.ccl .h-32 { height: calc(var(--spacing) * 32); }
.ccl .h-40 { height: calc(var(--spacing) * 40); }
.ccl .h-44 { height: calc(var(--spacing) * 44); }
.ccl .h-48 { height: calc(var(--spacing) * 48); }
.ccl .h-52 { height: calc(var(--spacing) * 52); }
.ccl .h-56 { height: calc(var(--spacing) * 56); }
.ccl .h-64 { height: calc(var(--spacing) * 64); }
.ccl .h-72 { height: calc(var(--spacing) * 72); }
.ccl .h-96 { height: calc(var(--spacing) * 96); }
.ccl .h-\[1px\] { height: 1px; }
.ccl .h-\[18px\] { height: 18px; }
.ccl .h-\[28rem\] { height: 28rem; }
.ccl .h-\[55vh\] { height: 55vh; }
.ccl .h-\[60vh\] { height: 60vh; }
.ccl .h-\[100svh\] { height: 100svh; }
.ccl .h-\[120px\] { height: 120px; }
.ccl .h-\[320px\] { height: 320px; }
.ccl .h-\[480px\] { height: 480px; }
.ccl .h-\[520px\] { height: 520px; }
.ccl .h-\[600px\] { height: 600px; }
.ccl .h-\[calc\(100vh-4rem\)\] { height: calc(-4rem + 100vh); }
.ccl .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); }
.ccl .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); }
.ccl .h-auto { height: auto; }
.ccl .h-full { height: 100%; }
.ccl .h-px { height: 1px; }
.ccl .h-svh { height: 100svh; }
.ccl .max-h-\(--radix-context-menu-content-available-height\) { max-height: var(--radix-context-menu-content-available-height); }
.ccl .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); }
.ccl .max-h-24 { max-height: calc(var(--spacing) * 24); }
.ccl .max-h-28 { max-height: calc(var(--spacing) * 28); }
.ccl .max-h-32 { max-height: calc(var(--spacing) * 32); }
.ccl .max-h-40 { max-height: calc(var(--spacing) * 40); }
.ccl .max-h-44 { max-height: calc(var(--spacing) * 44); }
.ccl .max-h-48 { max-height: calc(var(--spacing) * 48); }
.ccl .max-h-56 { max-height: calc(var(--spacing) * 56); }
.ccl .max-h-60 { max-height: calc(var(--spacing) * 60); }
.ccl .max-h-64 { max-height: calc(var(--spacing) * 64); }
.ccl .max-h-72 { max-height: calc(var(--spacing) * 72); }
.ccl .max-h-80 { max-height: calc(var(--spacing) * 80); }
.ccl .max-h-96 { max-height: calc(var(--spacing) * 96); }
.ccl .max-h-\[20rem\] { max-height: 20rem; }
.ccl .max-h-\[24rem\] { max-height: 24rem; }
.ccl .max-h-\[38vh\] { max-height: 38vh; }
.ccl .max-h-\[40vh\] { max-height: 40vh; }
.ccl .max-h-\[60vh\] { max-height: 60vh; }
.ccl .max-h-\[65vh\] { max-height: 65vh; }
.ccl .max-h-\[70vh\] { max-height: 70vh; }
.ccl .max-h-\[75vh\] { max-height: 75vh; }
.ccl .max-h-\[80vh\] { max-height: 80vh; }
.ccl .max-h-\[85vh\] { max-height: 85vh; }
.ccl .max-h-\[90vh\] { max-height: 90vh; }
.ccl .max-h-\[92vh\] { max-height: 92vh; }
.ccl .max-h-\[94vh\] { max-height: 94vh; }
.ccl .max-h-\[95vh\] { max-height: 95vh; }
.ccl .max-h-\[96vh\] { max-height: 96vh; }
.ccl .max-h-\[180px\] { max-height: 180px; }
.ccl .max-h-\[240px\] { max-height: 240px; }
.ccl .max-h-\[280px\] { max-height: 280px; }
.ccl .max-h-\[300px\] { max-height: 300px; }
.ccl .max-h-\[320px\] { max-height: 320px; }
.ccl .max-h-\[480px\] { max-height: 480px; }
.ccl .max-h-\[calc\(100dvh-1rem\)\] { max-height: calc(100dvh - 1rem); }
.ccl .max-h-\[calc\(100vh-7rem\)\] { max-height: calc(-7rem + 100vh); }
.ccl .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); }
.ccl .max-h-full { max-height: 100%; }
.ccl .min-h-0 { min-height: calc(var(--spacing) * 0); }
.ccl .min-h-11 { min-height: calc(var(--spacing) * 11); }
.ccl .min-h-12 { min-height: calc(var(--spacing) * 12); }
.ccl .min-h-24 { min-height: calc(var(--spacing) * 24); }
.ccl .min-h-\[5rem\] { min-height: 5rem; }
.ccl .min-h-\[50vh\] { min-height: 50vh; }
.ccl .min-h-\[55vh\] { min-height: 55vh; }
.ccl .min-h-\[60px\] { min-height: 60px; }
.ccl .min-h-\[60vh\] { min-height: 60vh; }
.ccl .min-h-\[70px\] { min-height: 70px; }
.ccl .min-h-\[92px\] { min-height: 92px; }
.ccl .min-h-\[260px\] { min-height: 260px; }
.ccl .min-h-\[280px\] { min-height: 280px; }
.ccl .min-h-\[360px\] { min-height: 360px; }
.ccl .min-h-\[420px\] { min-height: 420px; }
.ccl .min-h-screen { min-height: 100vh; }
.ccl .min-h-svh { min-height: 100svh; }
.ccl .\!w-\[97vw\] { width: 97vw !important; }
.ccl .w-\(--cell-size\) { width: var(--cell-size); }
.ccl .w-\(--sidebar-width\) { width: var(--sidebar-width); }
.ccl .w-0 { width: calc(var(--spacing) * 0); }
.ccl .w-1 { width: calc(var(--spacing) * 1); }
.ccl .w-1\.5 { width: calc(var(--spacing) * 1.5); }
.ccl .w-2 { width: calc(var(--spacing) * 2); }
.ccl .w-2\.5 { width: calc(var(--spacing) * 2.5); }
.ccl .w-2\/3 { width: 66.6667%; }
.ccl .w-3 { width: calc(var(--spacing) * 3); }
.ccl .w-3\.5 { width: calc(var(--spacing) * 3.5); }
.ccl .w-3\/4 { width: 75%; }
.ccl .w-4 { width: calc(var(--spacing) * 4); }
.ccl .w-5 { width: calc(var(--spacing) * 5); }
.ccl .w-6 { width: calc(var(--spacing) * 6); }
.ccl .w-7 { width: calc(var(--spacing) * 7); }
.ccl .w-8 { width: calc(var(--spacing) * 8); }
.ccl .w-9 { width: calc(var(--spacing) * 9); }
.ccl .w-10 { width: calc(var(--spacing) * 10); }
.ccl .w-11 { width: calc(var(--spacing) * 11); }
.ccl .w-12 { width: calc(var(--spacing) * 12); }
.ccl .w-14 { width: calc(var(--spacing) * 14); }
.ccl .w-16 { width: calc(var(--spacing) * 16); }
.ccl .w-20 { width: calc(var(--spacing) * 20); }
.ccl .w-24 { width: calc(var(--spacing) * 24); }
.ccl .w-28 { width: calc(var(--spacing) * 28); }
.ccl .w-32 { width: calc(var(--spacing) * 32); }
.ccl .w-40 { width: calc(var(--spacing) * 40); }
.ccl .w-44 { width: calc(var(--spacing) * 44); }
.ccl .w-48 { width: calc(var(--spacing) * 48); }
.ccl .w-52 { width: calc(var(--spacing) * 52); }
.ccl .w-56 { width: calc(var(--spacing) * 56); }
.ccl .w-64 { width: calc(var(--spacing) * 64); }
.ccl .w-72 { width: calc(var(--spacing) * 72); }
.ccl .w-80 { width: calc(var(--spacing) * 80); }
.ccl .w-96 { width: calc(var(--spacing) * 96); }
.ccl .w-\[1px\] { width: 1px; }
.ccl .w-\[2px\] { width: 2px; }
.ccl .w-\[78\%\] { width: 78%; }
.ccl .w-\[85\%\] { width: 85%; }
.ccl .w-\[95vw\] { width: 95vw; }
.ccl .w-\[96vw\] { width: 96vw; }
.ccl .w-\[98vw\] { width: 98vw; }
.ccl .w-\[100px\] { width: 100px; }
.ccl .w-\[110px\] { width: 110px; }
.ccl .w-\[220px\] { width: 220px; }
.ccl .w-\[230px\] { width: 230px; }
.ccl .w-\[240px\] { width: 240px; }
.ccl .w-\[260px\] { width: 260px; }
.ccl .w-\[420px\] { width: 420px; }
.ccl .w-\[calc\(100vw-1\.5rem\)\] { width: calc(-1.5rem + 100vw); }
.ccl .w-\[min\(92vw\,360px\)\] { width: min(92vw, 360px); }
.ccl .w-\[min\(92vw\,460px\)\] { width: min(92vw, 460px); }
.ccl .w-auto { width: auto; }
.ccl .w-fit { width: fit-content; }
.ccl .w-full { width: 100%; }
.ccl .w-max { width: max-content; }
.ccl .w-px { width: 1px; }
.ccl .\!max-w-\[min\(97vw\,1180px\)\] { max-width: min(97vw, 1180px) !important; }
.ccl .\!max-w-full { max-width: 100% !important; }
.ccl .max-w-\(--skeleton-width\) { max-width: var(--skeleton-width); }
.ccl .max-w-2xl { max-width: var(--container-2xl); }
.ccl .max-w-3xl { max-width: var(--container-3xl); }
.ccl .max-w-4xl { max-width: var(--container-4xl); }
.ccl .max-w-5xl { max-width: var(--container-5xl); }
.ccl .max-w-6xl { max-width: var(--container-6xl); }
.ccl .max-w-7xl { max-width: var(--container-7xl); }
.ccl .max-w-\[12rem\] { max-width: 12rem; }
.ccl .max-w-\[15rem\] { max-width: 15rem; }
.ccl .max-w-\[19rem\] { max-width: 19rem; }
.ccl .max-w-\[78\%\] { max-width: 78%; }
.ccl .max-w-\[80\%\] { max-width: 80%; }
.ccl .max-w-\[80px\] { max-width: 80px; }
.ccl .max-w-\[85\%\] { max-width: 85%; }
.ccl .max-w-\[90vw\] { max-width: 90vw; }
.ccl .max-w-\[92vw\] { max-width: 92vw; }
.ccl .max-w-\[160px\] { max-width: 160px; }
.ccl .max-w-\[180px\] { max-width: 180px; }
.ccl .max-w-\[200px\] { max-width: 200px; }
.ccl .max-w-\[220px\] { max-width: 220px; }
.ccl .max-w-\[260px\] { max-width: 260px; }
.ccl .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(-2rem + 100vw); }
.ccl .max-w-full { max-width: 100%; }
.ccl .max-w-lg { max-width: var(--container-lg); }
.ccl .max-w-max { max-width: max-content; }
.ccl .max-w-md { max-width: var(--container-md); }
.ccl .max-w-none { max-width: none; }
.ccl .max-w-sm { max-width: var(--container-sm); }
.ccl .max-w-xl { max-width: var(--container-xl); }
.ccl .max-w-xs { max-width: var(--container-xs); }
.ccl .min-w-\(--cell-size\) { min-width: var(--cell-size); }
.ccl .min-w-0 { min-width: calc(var(--spacing) * 0); }
.ccl .min-w-5 { min-width: calc(var(--spacing) * 5); }
.ccl .min-w-8 { min-width: calc(var(--spacing) * 8); }
.ccl .min-w-9 { min-width: calc(var(--spacing) * 9); }
.ccl .min-w-10 { min-width: calc(var(--spacing) * 10); }
.ccl .min-w-\[8rem\] { min-width: 8rem; }
.ccl .min-w-\[12rem\] { min-width: 12rem; }
.ccl .min-w-\[16rem\] { min-width: 16rem; }
.ccl .min-w-\[18px\] { min-width: 18px; }
.ccl .min-w-\[110px\] { min-width: 110px; }
.ccl .min-w-\[150px\] { min-width: 150px; }
.ccl .min-w-\[180px\] { min-width: 180px; }
.ccl .min-w-\[200px\] { min-width: 200px; }
.ccl .min-w-\[220px\] { min-width: 220px; }
.ccl .min-w-\[640px\] { min-width: 640px; }
.ccl .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); }
.ccl .flex-1 { flex: 1 1 0%; }
.ccl .flex-none { flex: 0 0 auto; }
.ccl .flex-shrink-0 { flex-shrink: 0; }
.ccl .shrink { flex-shrink: 1; }
.ccl .shrink-0 { flex-shrink: 0; }
.ccl .grow { flex-grow: 1; }
.ccl .grow-0 { flex-grow: 0; }
.ccl .basis-full { flex-basis: 100%; }
.ccl .caption-bottom { caption-side: bottom; }
.ccl .border-collapse { border-collapse: collapse; }
.ccl .origin-\(--radix-context-menu-content-transform-origin\) { transform-origin: var(--radix-context-menu-content-transform-origin); }
.ccl .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); }
.ccl .origin-\(--radix-hover-card-content-transform-origin\) { transform-origin: var(--radix-hover-card-content-transform-origin); }
.ccl .origin-\(--radix-menubar-content-transform-origin\) { transform-origin: var(--radix-menubar-content-transform-origin); }
.ccl .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); }
.ccl .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); }
.ccl .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); }
.ccl .origin-bottom { transform-origin: center bottom; }
.ccl .-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .-translate-x-px { --tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-y-\[150\%\] { --tw-translate-y: 150%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .rotate-12 { rotate: 12deg; }
.ccl .rotate-45 { rotate: 45deg; }
.ccl .rotate-90 { rotate: 90deg; }
.ccl .rotate-180 { rotate: 180deg; }
.ccl .-skew-x-6 { --tw-skew-x: skewX( -6deg ); transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
.ccl .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
.ccl .animate-\[wilds-bar-vu_0\.9s_ease-in-out_infinite\] { animation: 0.9s ease-in-out 0s infinite normal none running wilds-bar-vu; }
.ccl .animate-bounce { animation: var(--animate-bounce); }
.ccl .animate-caret-blink { animation: 1.25s ease-out 0s infinite normal none running caret-blink; }
.ccl .animate-in { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .animate-ping { animation: var(--animate-ping); }
.ccl .animate-pulse { animation: var(--animate-pulse); }
.ccl .animate-spin { animation: var(--animate-spin); }
.ccl .cursor-crosshair { cursor: crosshair; }
.ccl .cursor-default { cursor: default; }
.ccl .cursor-grab { cursor: grab; }
.ccl .cursor-grabbing { cursor: grabbing; }
.ccl .cursor-not-allowed { cursor: not-allowed; }
.ccl .cursor-pointer { cursor: pointer; }
.ccl .cursor-zoom-in { cursor: zoom-in; }
.ccl .cursor-zoom-out { cursor: zoom-out; }
.ccl .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); }
.ccl .touch-none { touch-action: none; }
.ccl .resize { resize: both; }
.ccl .resize-none { resize: none; }
.ccl .resize-y { resize: vertical; }
.ccl .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); }
.ccl .snap-y { scroll-snap-type: y var(--tw-scroll-snap-strictness); }
.ccl .snap-mandatory { --tw-scroll-snap-strictness: mandatory; }
.ccl .snap-center { scroll-snap-align: center; }
.ccl .snap-start { scroll-snap-align: start; }
.ccl .snap-always { scroll-snap-stop: always; }
.ccl .scroll-mt-20 { scroll-margin-top: calc(var(--spacing) * 20); }
.ccl .list-inside { list-style-position: inside; }
.ccl .list-decimal { list-style-type: decimal; }
.ccl .list-disc { list-style-type: disc; }
.ccl .list-none { list-style-type: none; }
.ccl .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.ccl .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.ccl .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ccl .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.ccl .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.ccl .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.ccl .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); }
.ccl .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); }
.ccl .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); }
.ccl .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0px, 1fr); }
.ccl .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 1fr) auto; }
.ccl .grid-rows-4 { grid-template-rows: repeat(4, minmax(0px, 1fr)); }
.ccl .flex-col { flex-direction: column; }
.ccl .flex-col-reverse { flex-direction: column-reverse; }
.ccl .flex-row { flex-direction: row; }
.ccl .flex-nowrap { flex-wrap: nowrap; }
.ccl .flex-wrap { flex-wrap: wrap; }
.ccl .place-content-center { place-content: center; }
.ccl .place-items-center { place-items: center; }
.ccl .items-baseline { align-items: baseline; }
.ccl .items-center { align-items: center; }
.ccl .items-end { align-items: flex-end; }
.ccl .items-start { align-items: flex-start; }
.ccl .items-stretch { align-items: stretch; }
.ccl .justify-between { justify-content: space-between; }
.ccl .justify-center { justify-content: center; }
.ccl .justify-end { justify-content: flex-end; }
.ccl .justify-start { justify-content: flex-start; }
.ccl .\!gap-4 { gap: calc(var(--spacing) * 4) !important; }
.ccl .gap-0 { gap: calc(var(--spacing) * 0); }
.ccl .gap-0\.5 { gap: calc(var(--spacing) * .5); }
.ccl .gap-1 { gap: calc(var(--spacing) * 1); }
.ccl .gap-1\.5 { gap: calc(var(--spacing) * 1.5); }
.ccl .gap-2 { gap: calc(var(--spacing) * 2); }
.ccl .gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
.ccl .gap-3 { gap: calc(var(--spacing) * 3); }
.ccl .gap-4 { gap: calc(var(--spacing) * 4); }
.ccl .gap-5 { gap: calc(var(--spacing) * 5); }
.ccl .gap-6 { gap: calc(var(--spacing) * 6); }
.ccl .gap-8 { gap: calc(var(--spacing) * 8); }
.ccl .gap-10 { gap: calc(var(--spacing) * 10); }
.ccl .gap-\[2px\] { gap: 2px; }
.ccl :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); }
.ccl :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); }
.ccl .gap-x-3 { column-gap: calc(var(--spacing) * 3); }
.ccl .gap-x-4 { column-gap: calc(var(--spacing) * 4); }
.ccl :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); }
.ccl :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }
.ccl .gap-y-1 { row-gap: calc(var(--spacing) * 1); }
.ccl .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); }
.ccl .gap-y-2 { row-gap: calc(var(--spacing) * 2); }
.ccl :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); }
.ccl :where(.divide-y-2 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(2px * var(--tw-divide-y-reverse)); border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); }
.ccl :where(.divide-border > :not(:last-child)) { border-color: var(--border); }
.ccl :where(.divide-foreground\/10 > :not(:last-child)) { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl :where(.divide-foreground\/10 > :not(:last-child)) { border-color: color-mix(in oklab,var(--foreground) 10%,transparent); }
}
.ccl :where(.divide-zinc-800 > :not(:last-child)) { border-color: var(--color-zinc-800); }
.ccl :where(.divide-zinc-800\/70 > :not(:last-child)) { border-color: rgba(39, 39, 42, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl :where(.divide-zinc-800\/70 > :not(:last-child)) { border-color: color-mix(in oklab,var(--color-zinc-800) 70%,transparent); }
}
.ccl .self-center { align-self: center; }
.ccl .self-end { align-self: flex-end; }
.ccl .self-start { align-self: flex-start; }
.ccl .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ccl .overflow-auto { overflow: auto; }
.ccl .overflow-hidden { overflow: hidden; }
.ccl .overflow-x-auto { overflow-x: auto; }
.ccl .overflow-x-hidden { overflow-x: hidden; }
.ccl .overflow-y-auto { overflow-y: auto; }
.ccl .overflow-y-scroll { overflow-y: scroll; }
.ccl .overscroll-contain { overscroll-behavior: contain; }
.ccl .overscroll-none { overscroll-behavior: none; }
.ccl .scroll-smooth { scroll-behavior: smooth; }
.ccl .\!rounded-2xl { border-radius: calc(var(--radius) + 12px) !important; }
.ccl .\!rounded-full { border-radius: 3.40282e+38px !important; }
.ccl .\!rounded-none { border-radius: 0px !important; }
.ccl .rounded { border-radius: 0.25rem; }
.ccl .rounded-2xl { border-radius: calc(var(--radius) + 12px); }
.ccl .rounded-3xl { border-radius: calc(var(--radius) + 20px); }
.ccl .rounded-\[2px\] { border-radius: 2px; }
.ccl .rounded-\[inherit\] { border-radius: inherit; }
.ccl .rounded-full { border-radius: 3.40282e+38px; }
.ccl .rounded-lg { border-radius: var(--radius); }
.ccl .rounded-md { border-radius: calc(var(--radius) - 2px); }
.ccl .rounded-none { border-radius: 0px; }
.ccl .rounded-sm { border-radius: calc(var(--radius) - 4px); }
.ccl .rounded-xl { border-radius: calc(var(--radius) + 6px); }
.ccl .rounded-t-2xl { border-top-left-radius: calc(var(--radius) + 12px); border-top-right-radius: calc(var(--radius) + 12px); }
.ccl .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.ccl .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.ccl .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); }
.ccl .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.ccl .rounded-br-sm { border-bottom-right-radius: calc(var(--radius) - 4px); }
.ccl .rounded-bl-sm { border-bottom-left-radius: calc(var(--radius) - 4px); }
.ccl .\!border-2 { border-style: var(--tw-border-style) !important; border-width: 2px !important; }
.ccl .\!border-\[3px\] { border-style: var(--tw-border-style) !important; border-width: 3px !important; }
.ccl .border { border-style: var(--tw-border-style); border-width: 1px; }
.ccl .border-2 { border-style: var(--tw-border-style); border-width: 2px; }
.ccl .border-4 { border-style: var(--tw-border-style); border-width: 4px; }
.ccl .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; }
.ccl .border-\[6px\] { border-style: var(--tw-border-style); border-width: 6px; }
.ccl .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
.ccl .border-y-2 { border-block-style: var(--tw-border-style); border-block-width: 2px; }
.ccl .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
.ccl .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; }
.ccl .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
.ccl .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; }
.ccl .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.ccl .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; }
.ccl .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.ccl .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; }
.ccl .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; }
.ccl .border-dashed { --tw-border-style: dashed; border-style: dashed; }
.ccl .\!border-foreground\/30 { border-color: var(--foreground) !important; }
@supports (color:color-mix(in lab,red,red)){.ccl .\!border-foreground\/30 { border-color: color-mix(in oklab,var(--foreground) 30%,transparent) !important; }
}
.ccl .\!border-foreground\/40 { border-color: var(--foreground) !important; }
@supports (color:color-mix(in lab,red,red)){.ccl .\!border-foreground\/40 { border-color: color-mix(in oklab,var(--foreground) 40%,transparent) !important; }
}
.ccl .\!border-foreground\/80 { border-color: var(--foreground) !important; }
@supports (color:color-mix(in lab,red,red)){.ccl .\!border-foreground\/80 { border-color: color-mix(in oklab,var(--foreground) 80%,transparent) !important; }
}
.ccl .\!border-foreground\/85 { border-color: var(--foreground) !important; }
@supports (color:color-mix(in lab,red,red)){.ccl .\!border-foreground\/85 { border-color: color-mix(in oklab,var(--foreground) 85%,transparent) !important; }
}
.ccl .border-\(--color-border\) { border-color: var(--color-border); }
.ccl .border-\[\#4a6cb5\]\/50 { border-color: rgba(74, 108, 181, 0.5); }
.ccl .border-\[\#4a6cb5\]\/60 { border-color: rgba(74, 108, 181, 0.6); }
.ccl .border-\[\#c9a55b\] { border-color: rgb(201, 165, 91); }
.ccl .border-\[\#ff9900\]\/40 { border-color: rgba(255, 153, 0, 0.4); }
.ccl .border-amber-200 { border-color: var(--color-amber-200); }
.ccl .border-amber-200\/60 { border-color: rgba(254, 230, 133, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-200\/60 { border-color: color-mix(in oklab,var(--color-amber-200) 60%,transparent); }
}
.ccl .border-amber-300 { border-color: var(--color-amber-300); }
.ccl .border-amber-300\/60 { border-color: rgba(255, 210, 54, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-300\/60 { border-color: color-mix(in oklab,var(--color-amber-300) 60%,transparent); }
}
.ccl .border-amber-300\/70 { border-color: rgba(255, 210, 54, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-300\/70 { border-color: color-mix(in oklab,var(--color-amber-300) 70%,transparent); }
}
.ccl .border-amber-400 { border-color: var(--color-amber-400); }
.ccl .border-amber-400\/60 { border-color: rgba(252, 187, 0, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-400\/60 { border-color: color-mix(in oklab,var(--color-amber-400) 60%,transparent); }
}
.ccl .border-amber-400\/80 { border-color: rgba(252, 187, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-400\/80 { border-color: color-mix(in oklab,var(--color-amber-400) 80%,transparent); }
}
.ccl .border-amber-500 { border-color: var(--color-amber-500); }
.ccl .border-amber-500\/30 { border-color: rgba(249, 156, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-500\/30 { border-color: color-mix(in oklab,var(--color-amber-500) 30%,transparent); }
}
.ccl .border-amber-500\/40 { border-color: rgba(249, 156, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-500\/40 { border-color: color-mix(in oklab,var(--color-amber-500) 40%,transparent); }
}
.ccl .border-amber-500\/50 { border-color: rgba(249, 156, 0, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-500\/50 { border-color: color-mix(in oklab,var(--color-amber-500) 50%,transparent); }
}
.ccl .border-amber-500\/60 { border-color: rgba(249, 156, 0, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-500\/60 { border-color: color-mix(in oklab,var(--color-amber-500) 60%,transparent); }
}
.ccl .border-amber-600 { border-color: var(--color-amber-600); }
.ccl .border-amber-600\/30 { border-color: rgba(221, 116, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-600\/30 { border-color: color-mix(in oklab,var(--color-amber-600) 30%,transparent); }
}
.ccl .border-amber-600\/40 { border-color: rgba(221, 116, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-600\/40 { border-color: color-mix(in oklab,var(--color-amber-600) 40%,transparent); }
}
.ccl .border-amber-700 { border-color: var(--color-amber-700); }
.ccl .border-amber-800 { border-color: var(--color-amber-800); }
.ccl .border-amber-800\/60 { border-color: rgba(149, 61, 0, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-800\/60 { border-color: color-mix(in oklab,var(--color-amber-800) 60%,transparent); }
}
.ccl .border-amber-900 { border-color: var(--color-amber-900); }
.ccl .border-amber-900\/40 { border-color: rgba(123, 51, 6, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-900\/40 { border-color: color-mix(in oklab,var(--color-amber-900) 40%,transparent); }
}
.ccl .border-amber-900\/50 { border-color: rgba(123, 51, 6, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-900\/50 { border-color: color-mix(in oklab,var(--color-amber-900) 50%,transparent); }
}
.ccl .border-amber-900\/60 { border-color: rgba(123, 51, 6, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-amber-900\/60 { border-color: color-mix(in oklab,var(--color-amber-900) 60%,transparent); }
}
.ccl .border-background { border-color: var(--background); }
.ccl .border-blue-500 { border-color: var(--color-blue-500); }
.ccl .border-blue-500\/30 { border-color: rgba(48, 128, 255, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-blue-500\/30 { border-color: color-mix(in oklab,var(--color-blue-500) 30%,transparent); }
}
.ccl .border-blue-500\/40 { border-color: rgba(48, 128, 255, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-blue-500\/40 { border-color: color-mix(in oklab,var(--color-blue-500) 40%,transparent); }
}
.ccl .border-blue-700 { border-color: var(--color-blue-700); }
.ccl .border-blue-800 { border-color: var(--color-blue-800); }
.ccl .border-border,.ccl .border-border\/50 { border-color: var(--border); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-border\/50 { border-color: color-mix(in oklab,var(--border) 50%,transparent); }
}
.ccl .border-border\/60 { border-color: var(--border); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-border\/60 { border-color: color-mix(in oklab,var(--border) 60%,transparent); }
}
.ccl .border-destructive,.ccl .border-destructive\/30 { border-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-destructive\/30 { border-color: color-mix(in oklab,var(--destructive) 30%,transparent); }
}
.ccl .border-destructive\/40 { border-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-destructive\/40 { border-color: color-mix(in oklab,var(--destructive) 40%,transparent); }
}
.ccl .border-destructive\/50 { border-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-destructive\/50 { border-color: color-mix(in oklab,var(--destructive) 50%,transparent); }
}
.ccl .border-destructive\/60 { border-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-destructive\/60 { border-color: color-mix(in oklab,var(--destructive) 60%,transparent); }
}
.ccl .border-emerald-200\/60 { border-color: rgba(164, 244, 207, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-emerald-200\/60 { border-color: color-mix(in oklab,var(--color-emerald-200) 60%,transparent); }
}
.ccl .border-emerald-300 { border-color: var(--color-emerald-300); }
.ccl .border-emerald-400 { border-color: var(--color-emerald-400); }
.ccl .border-emerald-400\/60 { border-color: rgba(0, 210, 148, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-emerald-400\/60 { border-color: color-mix(in oklab,var(--color-emerald-400) 60%,transparent); }
}
.ccl .border-emerald-500 { border-color: var(--color-emerald-500); }
.ccl .border-emerald-500\/30 { border-color: rgba(0, 187, 127, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-emerald-500\/30 { border-color: color-mix(in oklab,var(--color-emerald-500) 30%,transparent); }
}
.ccl .border-emerald-500\/40 { border-color: rgba(0, 187, 127, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-emerald-500\/40 { border-color: color-mix(in oklab,var(--color-emerald-500) 40%,transparent); }
}
.ccl .border-emerald-600 { border-color: var(--color-emerald-600); }
.ccl .border-emerald-700 { border-color: var(--color-emerald-700); }
.ccl .border-emerald-800\/40 { border-color: rgba(0, 95, 70, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-emerald-800\/40 { border-color: color-mix(in oklab,var(--color-emerald-800) 40%,transparent); }
}
.ccl .border-emerald-900 { border-color: var(--color-emerald-900); }
.ccl .border-foreground,.ccl .border-foreground\/5 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/5 { border-color: color-mix(in oklab,var(--foreground) 5%,transparent); }
}
.ccl .border-foreground\/10 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/10 { border-color: color-mix(in oklab,var(--foreground) 10%,transparent); }
}
.ccl .border-foreground\/15 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/15 { border-color: color-mix(in oklab,var(--foreground) 15%,transparent); }
}
.ccl .border-foreground\/20 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/20 { border-color: color-mix(in oklab,var(--foreground) 20%,transparent); }
}
.ccl .border-foreground\/25 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/25 { border-color: color-mix(in oklab,var(--foreground) 25%,transparent); }
}
.ccl .border-foreground\/30 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/30 { border-color: color-mix(in oklab,var(--foreground) 30%,transparent); }
}
.ccl .border-foreground\/40 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/40 { border-color: color-mix(in oklab,var(--foreground) 40%,transparent); }
}
.ccl .border-foreground\/60 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/60 { border-color: color-mix(in oklab,var(--foreground) 60%,transparent); }
}
.ccl .border-foreground\/80 { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-foreground\/80 { border-color: color-mix(in oklab,var(--foreground) 80%,transparent); }
}
.ccl .border-fuchsia-300 { border-color: var(--color-fuchsia-300); }
.ccl .border-fuchsia-500 { border-color: var(--color-fuchsia-500); }
.ccl .border-fuchsia-500\/40 { border-color: rgba(225, 42, 251, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-fuchsia-500\/40 { border-color: color-mix(in oklab,var(--color-fuchsia-500) 40%,transparent); }
}
.ccl .border-fuchsia-600 { border-color: var(--color-fuchsia-600); }
.ccl .border-fuchsia-700 { border-color: var(--color-fuchsia-700); }
.ccl .border-green-300 { border-color: var(--color-green-300); }
.ccl .border-green-500 { border-color: var(--color-green-500); }
.ccl .border-green-500\/30 { border-color: rgba(0, 199, 88, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-green-500\/30 { border-color: color-mix(in oklab,var(--color-green-500) 30%,transparent); }
}
.ccl .border-green-500\/40 { border-color: rgba(0, 199, 88, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-green-500\/40 { border-color: color-mix(in oklab,var(--color-green-500) 40%,transparent); }
}
.ccl .border-green-600\/30 { border-color: rgba(0, 165, 68, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-green-600\/30 { border-color: color-mix(in oklab,var(--color-green-600) 30%,transparent); }
}
.ccl .border-indigo-600 { border-color: var(--color-indigo-600); }
.ccl .border-indigo-700 { border-color: var(--color-indigo-700); }
.ccl .border-indigo-900\/50 { border-color: rgba(49, 44, 133, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-indigo-900\/50 { border-color: color-mix(in oklab,var(--color-indigo-900) 50%,transparent); }
}
.ccl .border-input { border-color: var(--input); }
.ccl .border-muted { border-color: var(--muted); }
.ccl .border-muted-foreground\/20 { border-color: var(--muted-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-muted-foreground\/20 { border-color: color-mix(in oklab,var(--muted-foreground) 20%,transparent); }
}
.ccl .border-muted-foreground\/40 { border-color: var(--muted-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-muted-foreground\/40 { border-color: color-mix(in oklab,var(--muted-foreground) 40%,transparent); }
}
.ccl .border-neutral-700 { border-color: var(--color-neutral-700); }
.ccl .border-orange-300 { border-color: var(--color-orange-300); }
.ccl .border-orange-400 { border-color: var(--color-orange-400); }
.ccl .border-orange-500\/40 { border-color: rgba(254, 110, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-orange-500\/40 { border-color: color-mix(in oklab,var(--color-orange-500) 40%,transparent); }
}
.ccl .border-orange-500\/50 { border-color: rgba(254, 110, 0, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-orange-500\/50 { border-color: color-mix(in oklab,var(--color-orange-500) 50%,transparent); }
}
.ccl .border-orange-500\/60 { border-color: rgba(254, 110, 0, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-orange-500\/60 { border-color: color-mix(in oklab,var(--color-orange-500) 60%,transparent); }
}
.ccl .border-pink-300 { border-color: var(--color-pink-300); }
.ccl .border-pink-500 { border-color: var(--color-pink-500); }
.ccl .border-pink-600 { border-color: var(--color-pink-600); }
.ccl .border-pink-700 { border-color: var(--color-pink-700); }
.ccl .border-pink-800\/60 { border-color: rgba(162, 0, 76, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-pink-800\/60 { border-color: color-mix(in oklab,var(--color-pink-800) 60%,transparent); }
}
.ccl .border-primary,.ccl .border-primary\/20 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/20 { border-color: color-mix(in oklab,var(--primary) 20%,transparent); }
}
.ccl .border-primary\/25 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/25 { border-color: color-mix(in oklab,var(--primary) 25%,transparent); }
}
.ccl .border-primary\/30 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/30 { border-color: color-mix(in oklab,var(--primary) 30%,transparent); }
}
.ccl .border-primary\/40 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/40 { border-color: color-mix(in oklab,var(--primary) 40%,transparent); }
}
.ccl .border-primary\/50 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/50 { border-color: color-mix(in oklab,var(--primary) 50%,transparent); }
}
.ccl .border-primary\/60 { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-primary\/60 { border-color: color-mix(in oklab,var(--primary) 60%,transparent); }
}
.ccl .border-purple-300 { border-color: var(--color-purple-300); }
.ccl .border-purple-500\/30 { border-color: rgba(172, 75, 255, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-purple-500\/30 { border-color: color-mix(in oklab,var(--color-purple-500) 30%,transparent); }
}
.ccl .border-purple-500\/40 { border-color: rgba(172, 75, 255, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-purple-500\/40 { border-color: color-mix(in oklab,var(--color-purple-500) 40%,transparent); }
}
.ccl .border-purple-600 { border-color: var(--color-purple-600); }
.ccl .border-purple-700 { border-color: var(--color-purple-700); }
.ccl .border-purple-800\/50 { border-color: rgba(110, 17, 176, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-purple-800\/50 { border-color: color-mix(in oklab,var(--color-purple-800) 50%,transparent); }
}
.ccl .border-red-300 { border-color: var(--color-red-300); }
.ccl .border-red-400 { border-color: var(--color-red-400); }
.ccl .border-red-500 { border-color: var(--color-red-500); }
.ccl .border-red-500\/40 { border-color: rgba(251, 44, 54, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-red-500\/40 { border-color: color-mix(in oklab,var(--color-red-500) 40%,transparent); }
}
.ccl .border-red-500\/50 { border-color: rgba(251, 44, 54, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-red-500\/50 { border-color: color-mix(in oklab,var(--color-red-500) 50%,transparent); }
}
.ccl .border-red-500\/60 { border-color: rgba(251, 44, 54, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-red-500\/60 { border-color: color-mix(in oklab,var(--color-red-500) 60%,transparent); }
}
.ccl .border-red-700 { border-color: var(--color-red-700); }
.ccl .border-red-800 { border-color: var(--color-red-800); }
.ccl .border-red-900\/50 { border-color: rgba(130, 24, 26, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-red-900\/50 { border-color: color-mix(in oklab,var(--color-red-900) 50%,transparent); }
}
.ccl .border-rose-300 { border-color: var(--color-rose-300); }
.ccl .border-rose-500\/40 { border-color: rgba(255, 35, 87, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-rose-500\/40 { border-color: color-mix(in oklab,var(--color-rose-500) 40%,transparent); }
}
.ccl .border-rose-600 { border-color: var(--color-rose-600); }
.ccl .border-rose-700 { border-color: var(--color-rose-700); }
.ccl .border-rose-800\/40 { border-color: rgba(163, 0, 55, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-rose-800\/40 { border-color: color-mix(in oklab,var(--color-rose-800) 40%,transparent); }
}
.ccl .border-rose-800\/60 { border-color: rgba(163, 0, 55, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-rose-800\/60 { border-color: color-mix(in oklab,var(--color-rose-800) 60%,transparent); }
}
.ccl .border-rose-900\/40 { border-color: rgba(139, 8, 54, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-rose-900\/40 { border-color: color-mix(in oklab,var(--color-rose-900) 40%,transparent); }
}
.ccl .border-sky-200 { border-color: var(--color-sky-200); }
.ccl .border-sky-300 { border-color: var(--color-sky-300); }
.ccl .border-sky-400 { border-color: var(--color-sky-400); }
.ccl .border-sky-400\/70 { border-color: rgba(0, 188, 254, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-sky-400\/70 { border-color: color-mix(in oklab,var(--color-sky-400) 70%,transparent); }
}
.ccl .border-sky-500 { border-color: var(--color-sky-500); }
.ccl .border-sky-500\/30 { border-color: rgba(0, 165, 239, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-sky-500\/30 { border-color: color-mix(in oklab,var(--color-sky-500) 30%,transparent); }
}
.ccl .border-sky-500\/40 { border-color: rgba(0, 165, 239, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-sky-500\/40 { border-color: color-mix(in oklab,var(--color-sky-500) 40%,transparent); }
}
.ccl .border-sky-600 { border-color: var(--color-sky-600); }
.ccl .border-sky-700 { border-color: var(--color-sky-700); }
.ccl .border-slate-300 { border-color: var(--color-slate-300); }
.ccl .border-slate-500\/30 { border-color: rgba(98, 116, 142, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-slate-500\/30 { border-color: color-mix(in oklab,var(--color-slate-500) 30%,transparent); }
}
.ccl .border-slate-700 { border-color: var(--color-slate-700); }
.ccl .border-stone-400 { border-color: var(--color-stone-400); }
.ccl .border-stone-700 { border-color: var(--color-stone-700); }
.ccl .border-transparent { border-color: rgba(0, 0, 0, 0); }
.ccl .border-violet-400 { border-color: var(--color-violet-400); }
.ccl .border-white { border-color: var(--color-white); }
.ccl .border-white\/10 { border-color: rgba(255, 255, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-white\/10 { border-color: color-mix(in oklab,var(--color-white) 10%,transparent); }
}
.ccl .border-white\/15 { border-color: rgba(255, 255, 255, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-white\/15 { border-color: color-mix(in oklab,var(--color-white) 15%,transparent); }
}
.ccl .border-white\/30 { border-color: rgba(255, 255, 255, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-white\/30 { border-color: color-mix(in oklab,var(--color-white) 30%,transparent); }
}
.ccl .border-white\/40 { border-color: rgba(255, 255, 255, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-white\/40 { border-color: color-mix(in oklab,var(--color-white) 40%,transparent); }
}
.ccl .border-yellow-500\/20 { border-color: rgba(237, 178, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-yellow-500\/20 { border-color: color-mix(in oklab,var(--color-yellow-500) 20%,transparent); }
}
.ccl .border-yellow-500\/40 { border-color: rgba(237, 178, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-yellow-500\/40 { border-color: color-mix(in oklab,var(--color-yellow-500) 40%,transparent); }
}
.ccl .border-zinc-100\/30 { border-color: rgba(244, 244, 245, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-zinc-100\/30 { border-color: color-mix(in oklab,var(--color-zinc-100) 30%,transparent); }
}
.ccl .border-zinc-400\/60 { border-color: rgba(159, 159, 169, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-zinc-400\/60 { border-color: color-mix(in oklab,var(--color-zinc-400) 60%,transparent); }
}
.ccl .border-zinc-500 { border-color: var(--color-zinc-500); }
.ccl .border-zinc-500\/40 { border-color: rgba(113, 113, 123, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-zinc-500\/40 { border-color: color-mix(in oklab,var(--color-zinc-500) 40%,transparent); }
}
.ccl .border-zinc-700 { border-color: var(--color-zinc-700); }
.ccl .border-zinc-800 { border-color: var(--color-zinc-800); }
.ccl .border-zinc-800\/60 { border-color: rgba(39, 39, 42, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .border-zinc-800\/60 { border-color: color-mix(in oklab,var(--color-zinc-800) 60%,transparent); }
}
.ccl .border-t-transparent { border-top-color: rgba(0, 0, 0, 0); }
.ccl .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); }
.ccl .\!bg-\[oklch\(0\.95_0\.07_230\)\] { background-color: lab(94.429 -13.9232 -20.0224) !important; }
.ccl .\!bg-\[oklch\(0\.95_0\.09_25\)\] { background-color: lab(93.3519 27.8204 15.2094) !important; }
.ccl .\!bg-\[oklch\(0\.96_0\.08_140\)\] { background-color: lab(96.355 -20.7609 19.8621) !important; }
.ccl .\!bg-\[oklch\(0\.96_0\.12_85\)\] { background-color: lab(95.6233 7.20272 49.943) !important; }
.ccl .\!bg-accent { background-color: var(--accent) !important; }
.ccl .\!bg-amber-50 { background-color: var(--color-amber-50) !important; }
.ccl .\!bg-amber-400 { background-color: var(--color-amber-400) !important; }
.ccl .\!bg-background { background-color: var(--background) !important; }
.ccl .\!bg-card { background-color: var(--card) !important; }
.ccl .\!bg-destructive { background-color: var(--destructive) !important; }
.ccl .\!bg-muted { background-color: var(--muted) !important; }
.ccl .\!bg-orange-500 { background-color: var(--color-orange-500) !important; }
.ccl .\!bg-primary { background-color: var(--primary) !important; }
.ccl .\!bg-sage { background-color: var(--sage) !important; }
.ccl .bg-\(--color-bg\) { background-color: var(--color-bg); }
.ccl .bg-\[\#0f1a33\] { background-color: rgb(15, 26, 51); }
.ccl .bg-\[\#2a1f14\] { background-color: rgb(42, 31, 20); }
.ccl .bg-\[\#4a6cb5\] { background-color: rgb(74, 108, 181); }
.ccl .bg-\[\#182647\] { background-color: rgb(24, 38, 71); }
.ccl .bg-\[\#c9a55b\] { background-color: rgb(201, 165, 91); }
.ccl .bg-\[\#cfe7f5\] { background-color: rgb(207, 231, 245); }
.ccl .bg-\[\#fbf7ee\] { background-color: rgb(251, 247, 238); }
.ccl .bg-\[\#fdf8ee\] { background-color: rgb(253, 248, 238); }
.ccl .bg-\[\#ff9900\]\/10 { background-color: rgba(255, 153, 0, 0.1); }
.ccl .bg-accent,.ccl .bg-accent\/10 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/10 { background-color: color-mix(in oklab,var(--accent) 10%,transparent); }
}
.ccl .bg-accent\/15 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/15 { background-color: color-mix(in oklab,var(--accent) 15%,transparent); }
}
.ccl .bg-accent\/20 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/20 { background-color: color-mix(in oklab,var(--accent) 20%,transparent); }
}
.ccl .bg-accent\/25 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/25 { background-color: color-mix(in oklab,var(--accent) 25%,transparent); }
}
.ccl .bg-accent\/30 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/30 { background-color: color-mix(in oklab,var(--accent) 30%,transparent); }
}
.ccl .bg-accent\/40 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/40 { background-color: color-mix(in oklab,var(--accent) 40%,transparent); }
}
.ccl .bg-accent\/50 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/50 { background-color: color-mix(in oklab,var(--accent) 50%,transparent); }
}
.ccl .bg-accent\/60 { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-accent\/60 { background-color: color-mix(in oklab,var(--accent) 60%,transparent); }
}
.ccl .bg-amber-50 { background-color: var(--color-amber-50); }
.ccl .bg-amber-50\/40 { background-color: rgba(255, 251, 235, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-50\/40 { background-color: color-mix(in oklab,var(--color-amber-50) 40%,transparent); }
}
.ccl .bg-amber-50\/90 { background-color: rgba(255, 251, 235, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-50\/90 { background-color: color-mix(in oklab,var(--color-amber-50) 90%,transparent); }
}
.ccl .bg-amber-100 { background-color: var(--color-amber-100); }
.ccl .bg-amber-100\/60 { background-color: rgba(254, 243, 198, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-100\/60 { background-color: color-mix(in oklab,var(--color-amber-100) 60%,transparent); }
}
.ccl .bg-amber-100\/70 { background-color: rgba(254, 243, 198, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-100\/70 { background-color: color-mix(in oklab,var(--color-amber-100) 70%,transparent); }
}
.ccl .bg-amber-200 { background-color: var(--color-amber-200); }
.ccl .bg-amber-200\/70 { background-color: rgba(254, 230, 133, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-200\/70 { background-color: color-mix(in oklab,var(--color-amber-200) 70%,transparent); }
}
.ccl .bg-amber-300 { background-color: var(--color-amber-300); }
.ccl .bg-amber-300\/40 { background-color: rgba(255, 210, 54, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-300\/40 { background-color: color-mix(in oklab,var(--color-amber-300) 40%,transparent); }
}
.ccl .bg-amber-300\/80 { background-color: rgba(255, 210, 54, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-300\/80 { background-color: color-mix(in oklab,var(--color-amber-300) 80%,transparent); }
}
.ccl .bg-amber-400 { background-color: var(--color-amber-400); }
.ccl .bg-amber-400\/20 { background-color: rgba(252, 187, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-400\/20 { background-color: color-mix(in oklab,var(--color-amber-400) 20%,transparent); }
}
.ccl .bg-amber-400\/90 { background-color: rgba(252, 187, 0, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-400\/90 { background-color: color-mix(in oklab,var(--color-amber-400) 90%,transparent); }
}
.ccl .bg-amber-400\/95 { background-color: rgba(252, 187, 0, 0.95); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-400\/95 { background-color: color-mix(in oklab,var(--color-amber-400) 95%,transparent); }
}
.ccl .bg-amber-500 { background-color: var(--color-amber-500); }
.ccl .bg-amber-500\/5 { background-color: rgba(249, 156, 0, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-500\/5 { background-color: color-mix(in oklab,var(--color-amber-500) 5%,transparent); }
}
.ccl .bg-amber-500\/10 { background-color: rgba(249, 156, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-500\/10 { background-color: color-mix(in oklab,var(--color-amber-500) 10%,transparent); }
}
.ccl .bg-amber-500\/15 { background-color: rgba(249, 156, 0, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-500\/15 { background-color: color-mix(in oklab,var(--color-amber-500) 15%,transparent); }
}
.ccl .bg-amber-500\/20 { background-color: rgba(249, 156, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-500\/20 { background-color: color-mix(in oklab,var(--color-amber-500) 20%,transparent); }
}
.ccl .bg-amber-500\/90 { background-color: rgba(249, 156, 0, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-500\/90 { background-color: color-mix(in oklab,var(--color-amber-500) 90%,transparent); }
}
.ccl .bg-amber-600 { background-color: var(--color-amber-600); }
.ccl .bg-amber-600\/10 { background-color: rgba(221, 116, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-600\/10 { background-color: color-mix(in oklab,var(--color-amber-600) 10%,transparent); }
}
.ccl .bg-amber-600\/80 { background-color: rgba(221, 116, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-600\/80 { background-color: color-mix(in oklab,var(--color-amber-600) 80%,transparent); }
}
.ccl .bg-amber-700 { background-color: var(--color-amber-700); }
.ccl .bg-amber-800 { background-color: var(--color-amber-800); }
.ccl .bg-amber-900 { background-color: var(--color-amber-900); }
.ccl .bg-amber-900\/40 { background-color: rgba(123, 51, 6, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-900\/40 { background-color: color-mix(in oklab,var(--color-amber-900) 40%,transparent); }
}
.ccl .bg-amber-900\/60 { background-color: rgba(123, 51, 6, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-900\/60 { background-color: color-mix(in oklab,var(--color-amber-900) 60%,transparent); }
}
.ccl .bg-amber-950\/30 { background-color: rgba(70, 25, 1, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-950\/30 { background-color: color-mix(in oklab,var(--color-amber-950) 30%,transparent); }
}
.ccl .bg-amber-950\/40 { background-color: rgba(70, 25, 1, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-950\/40 { background-color: color-mix(in oklab,var(--color-amber-950) 40%,transparent); }
}
.ccl .bg-amber-950\/70 { background-color: rgba(70, 25, 1, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-amber-950\/70 { background-color: color-mix(in oklab,var(--color-amber-950) 70%,transparent); }
}
.ccl .bg-background,.ccl .bg-background\/20 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/20 { background-color: color-mix(in oklab,var(--background) 20%,transparent); }
}
.ccl .bg-background\/40 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/40 { background-color: color-mix(in oklab,var(--background) 40%,transparent); }
}
.ccl .bg-background\/50 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/50 { background-color: color-mix(in oklab,var(--background) 50%,transparent); }
}
.ccl .bg-background\/60 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/60 { background-color: color-mix(in oklab,var(--background) 60%,transparent); }
}
.ccl .bg-background\/70 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/70 { background-color: color-mix(in oklab,var(--background) 70%,transparent); }
}
.ccl .bg-background\/80 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/80 { background-color: color-mix(in oklab,var(--background) 80%,transparent); }
}
.ccl .bg-background\/85 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/85 { background-color: color-mix(in oklab,var(--background) 85%,transparent); }
}
.ccl .bg-background\/90 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/90 { background-color: color-mix(in oklab,var(--background) 90%,transparent); }
}
.ccl .bg-background\/95 { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-background\/95 { background-color: color-mix(in oklab,var(--background) 95%,transparent); }
}
.ccl .bg-black { background-color: var(--color-black); }
.ccl .bg-black\/0 { background-color: rgba(0, 0, 0, 0); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/0 { background-color: color-mix(in oklab,var(--color-black) 0%,transparent); }
}
.ccl .bg-black\/20 { background-color: rgba(0, 0, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/20 { background-color: color-mix(in oklab,var(--color-black) 20%,transparent); }
}
.ccl .bg-black\/30 { background-color: rgba(0, 0, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/30 { background-color: color-mix(in oklab,var(--color-black) 30%,transparent); }
}
.ccl .bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/40 { background-color: color-mix(in oklab,var(--color-black) 40%,transparent); }
}
.ccl .bg-black\/45 { background-color: rgba(0, 0, 0, 0.45); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/45 { background-color: color-mix(in oklab,var(--color-black) 45%,transparent); }
}
.ccl .bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/50 { background-color: color-mix(in oklab,var(--color-black) 50%,transparent); }
}
.ccl .bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/60 { background-color: color-mix(in oklab,var(--color-black) 60%,transparent); }
}
.ccl .bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/70 { background-color: color-mix(in oklab,var(--color-black) 70%,transparent); }
}
.ccl .bg-black\/80 { background-color: rgba(0, 0, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/80 { background-color: color-mix(in oklab,var(--color-black) 80%,transparent); }
}
.ccl .bg-black\/90 { background-color: rgba(0, 0, 0, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-black\/90 { background-color: color-mix(in oklab,var(--color-black) 90%,transparent); }
}
.ccl .bg-blue-50 { background-color: var(--color-blue-50); }
.ccl .bg-blue-100 { background-color: var(--color-blue-100); }
.ccl .bg-blue-200 { background-color: var(--color-blue-200); }
.ccl .bg-blue-500\/5 { background-color: rgba(48, 128, 255, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-blue-500\/5 { background-color: color-mix(in oklab,var(--color-blue-500) 5%,transparent); }
}
.ccl .bg-blue-500\/15 { background-color: rgba(48, 128, 255, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-blue-500\/15 { background-color: color-mix(in oklab,var(--color-blue-500) 15%,transparent); }
}
.ccl .bg-blue-500\/20 { background-color: rgba(48, 128, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-blue-500\/20 { background-color: color-mix(in oklab,var(--color-blue-500) 20%,transparent); }
}
.ccl .bg-blue-600 { background-color: var(--color-blue-600); }
.ccl .bg-blue-700\/50 { background-color: rgba(20, 71, 230, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-blue-700\/50 { background-color: color-mix(in oklab,var(--color-blue-700) 50%,transparent); }
}
.ccl .bg-blue-950\/70 { background-color: rgba(22, 36, 86, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-blue-950\/70 { background-color: color-mix(in oklab,var(--color-blue-950) 70%,transparent); }
}
.ccl .bg-border { background-color: var(--border); }
.ccl .bg-card,.ccl .bg-card\/40 { background-color: var(--card); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-card\/40 { background-color: color-mix(in oklab,var(--card) 40%,transparent); }
}
.ccl .bg-card\/50 { background-color: var(--card); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-card\/50 { background-color: color-mix(in oklab,var(--card) 50%,transparent); }
}
.ccl .bg-card\/60 { background-color: var(--card); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-card\/60 { background-color: color-mix(in oklab,var(--card) 60%,transparent); }
}
.ccl .bg-card\/70 { background-color: var(--card); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-card\/70 { background-color: color-mix(in oklab,var(--card) 70%,transparent); }
}
.ccl .bg-card\/90 { background-color: var(--card); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-card\/90 { background-color: color-mix(in oklab,var(--card) 90%,transparent); }
}
.ccl .bg-cream { background-color: var(--cream); }
.ccl .bg-cyan-400\/90 { background-color: rgba(0, 210, 239, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-cyan-400\/90 { background-color: color-mix(in oklab,var(--color-cyan-400) 90%,transparent); }
}
.ccl .bg-destructive,.ccl .bg-destructive\/5 { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-destructive\/5 { background-color: color-mix(in oklab,var(--destructive) 5%,transparent); }
}
.ccl .bg-destructive\/10 { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-destructive\/10 { background-color: color-mix(in oklab,var(--destructive) 10%,transparent); }
}
.ccl .bg-destructive\/15 { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-destructive\/15 { background-color: color-mix(in oklab,var(--destructive) 15%,transparent); }
}
.ccl .bg-destructive\/20 { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-destructive\/20 { background-color: color-mix(in oklab,var(--destructive) 20%,transparent); }
}
.ccl .bg-emerald-50 { background-color: var(--color-emerald-50); }
.ccl .bg-emerald-50\/50 { background-color: rgba(236, 253, 245, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-50\/50 { background-color: color-mix(in oklab,var(--color-emerald-50) 50%,transparent); }
}
.ccl .bg-emerald-100 { background-color: var(--color-emerald-100); }
.ccl .bg-emerald-200 { background-color: var(--color-emerald-200); }
.ccl .bg-emerald-400 { background-color: var(--color-emerald-400); }
.ccl .bg-emerald-500 { background-color: var(--color-emerald-500); }
.ccl .bg-emerald-500\/5 { background-color: rgba(0, 187, 127, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-500\/5 { background-color: color-mix(in oklab,var(--color-emerald-500) 5%,transparent); }
}
.ccl .bg-emerald-500\/10 { background-color: rgba(0, 187, 127, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-500\/10 { background-color: color-mix(in oklab,var(--color-emerald-500) 10%,transparent); }
}
.ccl .bg-emerald-500\/15 { background-color: rgba(0, 187, 127, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-500\/15 { background-color: color-mix(in oklab,var(--color-emerald-500) 15%,transparent); }
}
.ccl .bg-emerald-500\/20 { background-color: rgba(0, 187, 127, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-500\/20 { background-color: color-mix(in oklab,var(--color-emerald-500) 20%,transparent); }
}
.ccl .bg-emerald-500\/95 { background-color: rgba(0, 187, 127, 0.95); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-500\/95 { background-color: color-mix(in oklab,var(--color-emerald-500) 95%,transparent); }
}
.ccl .bg-emerald-600 { background-color: var(--color-emerald-600); }
.ccl .bg-emerald-700 { background-color: var(--color-emerald-700); }
.ccl .bg-emerald-700\/40 { background-color: rgba(0, 121, 86, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-700\/40 { background-color: color-mix(in oklab,var(--color-emerald-700) 40%,transparent); }
}
.ccl .bg-emerald-900\/40 { background-color: rgba(0, 78, 59, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-900\/40 { background-color: color-mix(in oklab,var(--color-emerald-900) 40%,transparent); }
}
.ccl .bg-emerald-900\/50 { background-color: rgba(0, 78, 59, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-900\/50 { background-color: color-mix(in oklab,var(--color-emerald-900) 50%,transparent); }
}
.ccl .bg-emerald-900\/60 { background-color: rgba(0, 78, 59, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-900\/60 { background-color: color-mix(in oklab,var(--color-emerald-900) 60%,transparent); }
}
.ccl .bg-emerald-900\/70 { background-color: rgba(0, 78, 59, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-900\/70 { background-color: color-mix(in oklab,var(--color-emerald-900) 70%,transparent); }
}
.ccl .bg-emerald-950\/30 { background-color: rgba(0, 44, 34, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-950\/30 { background-color: color-mix(in oklab,var(--color-emerald-950) 30%,transparent); }
}
.ccl .bg-emerald-950\/40 { background-color: rgba(0, 44, 34, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-950\/40 { background-color: color-mix(in oklab,var(--color-emerald-950) 40%,transparent); }
}
.ccl .bg-emerald-950\/70 { background-color: rgba(0, 44, 34, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-emerald-950\/70 { background-color: color-mix(in oklab,var(--color-emerald-950) 70%,transparent); }
}
.ccl .bg-foreground,.ccl .bg-foreground\/5 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/5 { background-color: color-mix(in oklab,var(--foreground) 5%,transparent); }
}
.ccl .bg-foreground\/10 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/10 { background-color: color-mix(in oklab,var(--foreground) 10%,transparent); }
}
.ccl .bg-foreground\/15 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/15 { background-color: color-mix(in oklab,var(--foreground) 15%,transparent); }
}
.ccl .bg-foreground\/20 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/20 { background-color: color-mix(in oklab,var(--foreground) 20%,transparent); }
}
.ccl .bg-foreground\/30 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/30 { background-color: color-mix(in oklab,var(--foreground) 30%,transparent); }
}
.ccl .bg-foreground\/40 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/40 { background-color: color-mix(in oklab,var(--foreground) 40%,transparent); }
}
.ccl .bg-foreground\/50 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/50 { background-color: color-mix(in oklab,var(--foreground) 50%,transparent); }
}
.ccl .bg-foreground\/60 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/60 { background-color: color-mix(in oklab,var(--foreground) 60%,transparent); }
}
.ccl .bg-foreground\/80 { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-foreground\/80 { background-color: color-mix(in oklab,var(--foreground) 80%,transparent); }
}
.ccl .bg-fuchsia-50 { background-color: var(--color-fuchsia-50); }
.ccl .bg-fuchsia-500 { background-color: var(--color-fuchsia-500); }
.ccl .bg-fuchsia-500\/20 { background-color: rgba(225, 42, 251, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-fuchsia-500\/20 { background-color: color-mix(in oklab,var(--color-fuchsia-500) 20%,transparent); }
}
.ccl .bg-fuchsia-600 { background-color: var(--color-fuchsia-600); }
.ccl .bg-fuchsia-900\/70 { background-color: rgba(114, 19, 120, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-fuchsia-900\/70 { background-color: color-mix(in oklab,var(--color-fuchsia-900) 70%,transparent); }
}
.ccl .bg-fuchsia-950\/70 { background-color: rgba(75, 0, 79, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-fuchsia-950\/70 { background-color: color-mix(in oklab,var(--color-fuchsia-950) 70%,transparent); }
}
.ccl .bg-gray-500\/15 { background-color: rgba(106, 114, 130, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-gray-500\/15 { background-color: color-mix(in oklab,var(--color-gray-500) 15%,transparent); }
}
.ccl .bg-green-50 { background-color: var(--color-green-50); }
.ccl .bg-green-200 { background-color: var(--color-green-200); }
.ccl .bg-green-500\/10 { background-color: rgba(0, 199, 88, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-green-500\/10 { background-color: color-mix(in oklab,var(--color-green-500) 10%,transparent); }
}
.ccl .bg-green-500\/15 { background-color: rgba(0, 199, 88, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-green-500\/15 { background-color: color-mix(in oklab,var(--color-green-500) 15%,transparent); }
}
.ccl .bg-green-500\/20 { background-color: rgba(0, 199, 88, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-green-500\/20 { background-color: color-mix(in oklab,var(--color-green-500) 20%,transparent); }
}
.ccl .bg-green-600 { background-color: var(--color-green-600); }
.ccl .bg-green-600\/10 { background-color: rgba(0, 165, 68, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-green-600\/10 { background-color: color-mix(in oklab,var(--color-green-600) 10%,transparent); }
}
.ccl .bg-indigo-50 { background-color: var(--color-indigo-50); }
.ccl .bg-indigo-500 { background-color: var(--color-indigo-500); }
.ccl .bg-indigo-600 { background-color: var(--color-indigo-600); }
.ccl .bg-indigo-950\/30 { background-color: rgba(30, 26, 77, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-indigo-950\/30 { background-color: color-mix(in oklab,var(--color-indigo-950) 30%,transparent); }
}
.ccl .bg-indigo-950\/70 { background-color: rgba(30, 26, 77, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-indigo-950\/70 { background-color: color-mix(in oklab,var(--color-indigo-950) 70%,transparent); }
}
.ccl .bg-lime-100 { background-color: var(--color-lime-100); }
.ccl .bg-lime-500 { background-color: var(--color-lime-500); }
.ccl .bg-muted,.ccl .bg-muted\/20 { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-muted\/20 { background-color: color-mix(in oklab,var(--muted) 20%,transparent); }
}
.ccl .bg-muted\/30 { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-muted\/30 { background-color: color-mix(in oklab,var(--muted) 30%,transparent); }
}
.ccl .bg-muted\/40 { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-muted\/40 { background-color: color-mix(in oklab,var(--muted) 40%,transparent); }
}
.ccl .bg-muted\/50 { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-muted\/50 { background-color: color-mix(in oklab,var(--muted) 50%,transparent); }
}
.ccl .bg-muted\/60 { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-muted\/60 { background-color: color-mix(in oklab,var(--muted) 60%,transparent); }
}
.ccl .bg-neutral-50 { background-color: var(--color-neutral-50); }
.ccl .bg-neutral-900 { background-color: var(--color-neutral-900); }
.ccl .bg-orange-100 { background-color: var(--color-orange-100); }
.ccl .bg-orange-500 { background-color: var(--color-orange-500); }
.ccl .bg-orange-500\/10 { background-color: rgba(254, 110, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-orange-500\/10 { background-color: color-mix(in oklab,var(--color-orange-500) 10%,transparent); }
}
.ccl .bg-orange-500\/15 { background-color: rgba(254, 110, 0, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-orange-500\/15 { background-color: color-mix(in oklab,var(--color-orange-500) 15%,transparent); }
}
.ccl .bg-orange-500\/20 { background-color: rgba(254, 110, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-orange-500\/20 { background-color: color-mix(in oklab,var(--color-orange-500) 20%,transparent); }
}
.ccl .bg-orange-600 { background-color: var(--color-orange-600); }
.ccl .bg-pink-50\/70 { background-color: rgba(253, 242, 248, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-pink-50\/70 { background-color: color-mix(in oklab,var(--color-pink-50) 70%,transparent); }
}
.ccl .bg-pink-400\/50 { background-color: rgba(251, 100, 182, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-pink-400\/50 { background-color: color-mix(in oklab,var(--color-pink-400) 50%,transparent); }
}
.ccl .bg-pink-500 { background-color: var(--color-pink-500); }
.ccl .bg-pink-500\/40 { background-color: rgba(246, 51, 154, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-pink-500\/40 { background-color: color-mix(in oklab,var(--color-pink-500) 40%,transparent); }
}
.ccl .bg-pink-600 { background-color: var(--color-pink-600); }
.ccl .bg-pink-700 { background-color: var(--color-pink-700); }
.ccl .bg-pink-950\/70 { background-color: rgba(81, 4, 36, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-pink-950\/70 { background-color: color-mix(in oklab,var(--color-pink-950) 70%,transparent); }
}
.ccl .bg-popover { background-color: var(--popover); }
.ccl .bg-primary { background-color: var(--primary); }
.ccl .bg-primary-foreground\/15 { background-color: var(--primary-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary-foreground\/15 { background-color: color-mix(in oklab,var(--primary-foreground) 15%,transparent); }
}
.ccl .bg-primary\/5 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/5 { background-color: color-mix(in oklab,var(--primary) 5%,transparent); }
}
.ccl .bg-primary\/10 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/10 { background-color: color-mix(in oklab,var(--primary) 10%,transparent); }
}
.ccl .bg-primary\/15 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/15 { background-color: color-mix(in oklab,var(--primary) 15%,transparent); }
}
.ccl .bg-primary\/20 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/20 { background-color: color-mix(in oklab,var(--primary) 20%,transparent); }
}
.ccl .bg-primary\/30 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/30 { background-color: color-mix(in oklab,var(--primary) 30%,transparent); }
}
.ccl .bg-primary\/50 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/50 { background-color: color-mix(in oklab,var(--primary) 50%,transparent); }
}
.ccl .bg-primary\/60 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/60 { background-color: color-mix(in oklab,var(--primary) 60%,transparent); }
}
.ccl .bg-primary\/80 { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-primary\/80 { background-color: color-mix(in oklab,var(--primary) 80%,transparent); }
}
.ccl .bg-purple-100 { background-color: var(--color-purple-100); }
.ccl .bg-purple-200 { background-color: var(--color-purple-200); }
.ccl .bg-purple-500 { background-color: var(--color-purple-500); }
.ccl .bg-purple-500\/5 { background-color: rgba(172, 75, 255, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-purple-500\/5 { background-color: color-mix(in oklab,var(--color-purple-500) 5%,transparent); }
}
.ccl .bg-purple-500\/10 { background-color: rgba(172, 75, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-purple-500\/10 { background-color: color-mix(in oklab,var(--color-purple-500) 10%,transparent); }
}
.ccl .bg-purple-500\/20 { background-color: rgba(172, 75, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-purple-500\/20 { background-color: color-mix(in oklab,var(--color-purple-500) 20%,transparent); }
}
.ccl .bg-purple-500\/70 { background-color: rgba(172, 75, 255, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-purple-500\/70 { background-color: color-mix(in oklab,var(--color-purple-500) 70%,transparent); }
}
.ccl .bg-purple-600 { background-color: var(--color-purple-600); }
.ccl .bg-purple-950\/70 { background-color: rgba(60, 3, 102, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-purple-950\/70 { background-color: color-mix(in oklab,var(--color-purple-950) 70%,transparent); }
}
.ccl .bg-red-50 { background-color: var(--color-red-50); }
.ccl .bg-red-100 { background-color: var(--color-red-100); }
.ccl .bg-red-500 { background-color: var(--color-red-500); }
.ccl .bg-red-500\/5 { background-color: rgba(251, 44, 54, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-500\/5 { background-color: color-mix(in oklab,var(--color-red-500) 5%,transparent); }
}
.ccl .bg-red-500\/10 { background-color: rgba(251, 44, 54, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-500\/10 { background-color: color-mix(in oklab,var(--color-red-500) 10%,transparent); }
}
.ccl .bg-red-500\/15 { background-color: rgba(251, 44, 54, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-500\/15 { background-color: color-mix(in oklab,var(--color-red-500) 15%,transparent); }
}
.ccl .bg-red-500\/20 { background-color: rgba(251, 44, 54, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-500\/20 { background-color: color-mix(in oklab,var(--color-red-500) 20%,transparent); }
}
.ccl .bg-red-600 { background-color: var(--color-red-600); }
.ccl .bg-red-700 { background-color: var(--color-red-700); }
.ccl .bg-red-900\/70 { background-color: rgba(130, 24, 26, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-900\/70 { background-color: color-mix(in oklab,var(--color-red-900) 70%,transparent); }
}
.ccl .bg-red-950\/30 { background-color: rgba(70, 8, 9, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-red-950\/30 { background-color: color-mix(in oklab,var(--color-red-950) 30%,transparent); }
}
.ccl .bg-rose-50 { background-color: var(--color-rose-50); }
.ccl .bg-rose-100 { background-color: var(--color-rose-100); }
.ccl .bg-rose-300 { background-color: var(--color-rose-300); }
.ccl .bg-rose-400 { background-color: var(--color-rose-400); }
.ccl .bg-rose-500 { background-color: var(--color-rose-500); }
.ccl .bg-rose-500\/15 { background-color: rgba(255, 35, 87, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-rose-500\/15 { background-color: color-mix(in oklab,var(--color-rose-500) 15%,transparent); }
}
.ccl .bg-rose-500\/20 { background-color: rgba(255, 35, 87, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-rose-500\/20 { background-color: color-mix(in oklab,var(--color-rose-500) 20%,transparent); }
}
.ccl .bg-rose-600 { background-color: var(--color-rose-600); }
.ccl .bg-rose-700\/40 { background-color: rgba(194, 0, 57, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-rose-700\/40 { background-color: color-mix(in oklab,var(--color-rose-700) 40%,transparent); }
}
.ccl .bg-rose-950 { background-color: var(--color-rose-950); }
.ccl .bg-rose-950\/40 { background-color: rgba(77, 2, 24, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-rose-950\/40 { background-color: color-mix(in oklab,var(--color-rose-950) 40%,transparent); }
}
.ccl .bg-rose-950\/70 { background-color: rgba(77, 2, 24, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-rose-950\/70 { background-color: color-mix(in oklab,var(--color-rose-950) 70%,transparent); }
}
.ccl .bg-sage,.ccl .bg-sage\/30 { background-color: var(--sage); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sage\/30 { background-color: color-mix(in oklab,var(--sage) 30%,transparent); }
}
.ccl .bg-secondary { background-color: var(--secondary); }
.ccl .bg-sky-50 { background-color: var(--color-sky-50); }
.ccl .bg-sky-100 { background-color: var(--color-sky-100); }
.ccl .bg-sky-400 { background-color: var(--color-sky-400); }
.ccl .bg-sky-500 { background-color: var(--color-sky-500); }
.ccl .bg-sky-500\/5 { background-color: rgba(0, 165, 239, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/5 { background-color: color-mix(in oklab,var(--color-sky-500) 5%,transparent); }
}
.ccl .bg-sky-500\/10 { background-color: rgba(0, 165, 239, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/10 { background-color: color-mix(in oklab,var(--color-sky-500) 10%,transparent); }
}
.ccl .bg-sky-500\/15 { background-color: rgba(0, 165, 239, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/15 { background-color: color-mix(in oklab,var(--color-sky-500) 15%,transparent); }
}
.ccl .bg-sky-500\/20 { background-color: rgba(0, 165, 239, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/20 { background-color: color-mix(in oklab,var(--color-sky-500) 20%,transparent); }
}
.ccl .bg-sky-500\/25 { background-color: rgba(0, 165, 239, 0.25); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/25 { background-color: color-mix(in oklab,var(--color-sky-500) 25%,transparent); }
}
.ccl .bg-sky-500\/60 { background-color: rgba(0, 165, 239, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/60 { background-color: color-mix(in oklab,var(--color-sky-500) 60%,transparent); }
}
.ccl .bg-sky-500\/70 { background-color: rgba(0, 165, 239, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-500\/70 { background-color: color-mix(in oklab,var(--color-sky-500) 70%,transparent); }
}
.ccl .bg-sky-600 { background-color: var(--color-sky-600); }
.ccl .bg-sky-800 { background-color: var(--color-sky-800); }
.ccl .bg-sky-950\/40 { background-color: rgba(5, 47, 74, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-950\/40 { background-color: color-mix(in oklab,var(--color-sky-950) 40%,transparent); }
}
.ccl .bg-sky-950\/70 { background-color: rgba(5, 47, 74, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-sky-950\/70 { background-color: color-mix(in oklab,var(--color-sky-950) 70%,transparent); }
}
.ccl .bg-slate-50 { background-color: var(--color-slate-50); }
.ccl .bg-slate-100\/80 { background-color: rgba(241, 245, 249, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-100\/80 { background-color: color-mix(in oklab,var(--color-slate-100) 80%,transparent); }
}
.ccl .bg-slate-100\/90 { background-color: rgba(241, 245, 249, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-100\/90 { background-color: color-mix(in oklab,var(--color-slate-100) 90%,transparent); }
}
.ccl .bg-slate-200 { background-color: var(--color-slate-200); }
.ccl .bg-slate-500\/10 { background-color: rgba(98, 116, 142, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-500\/10 { background-color: color-mix(in oklab,var(--color-slate-500) 10%,transparent); }
}
.ccl .bg-slate-500\/15 { background-color: rgba(98, 116, 142, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-500\/15 { background-color: color-mix(in oklab,var(--color-slate-500) 15%,transparent); }
}
.ccl .bg-slate-600 { background-color: var(--color-slate-600); }
.ccl .bg-slate-700 { background-color: var(--color-slate-700); }
.ccl .bg-slate-700\/50 { background-color: rgba(49, 65, 88, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-700\/50 { background-color: color-mix(in oklab,var(--color-slate-700) 50%,transparent); }
}
.ccl .bg-slate-800 { background-color: var(--color-slate-800); }
.ccl .bg-slate-800\/60 { background-color: rgba(29, 41, 61, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-800\/60 { background-color: color-mix(in oklab,var(--color-slate-800) 60%,transparent); }
}
.ccl .bg-slate-800\/70 { background-color: rgba(29, 41, 61, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-800\/70 { background-color: color-mix(in oklab,var(--color-slate-800) 70%,transparent); }
}
.ccl .bg-slate-900 { background-color: var(--color-slate-900); }
.ccl .bg-slate-900\/80 { background-color: rgba(15, 23, 43, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-900\/80 { background-color: color-mix(in oklab,var(--color-slate-900) 80%,transparent); }
}
.ccl .bg-slate-900\/95 { background-color: rgba(15, 23, 43, 0.95); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-slate-900\/95 { background-color: color-mix(in oklab,var(--color-slate-900) 95%,transparent); }
}
.ccl .bg-stone-50 { background-color: var(--color-stone-50); }
.ccl .bg-stone-100 { background-color: var(--color-stone-100); }
.ccl .bg-stone-200 { background-color: var(--color-stone-200); }
.ccl .bg-teal-500 { background-color: var(--color-teal-500); }
.ccl .bg-transparent { background-color: rgba(0, 0, 0, 0); }
.ccl .bg-violet-200 { background-color: var(--color-violet-200); }
.ccl .bg-violet-500 { background-color: var(--color-violet-500); }
.ccl .bg-white { background-color: var(--color-white); }
.ccl .bg-white\/5 { background-color: rgba(255, 255, 255, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/5 { background-color: color-mix(in oklab,var(--color-white) 5%,transparent); }
}
.ccl .bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/10 { background-color: color-mix(in oklab,var(--color-white) 10%,transparent); }
}
.ccl .bg-white\/15 { background-color: rgba(255, 255, 255, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/15 { background-color: color-mix(in oklab,var(--color-white) 15%,transparent); }
}
.ccl .bg-white\/20 { background-color: rgba(255, 255, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/20 { background-color: color-mix(in oklab,var(--color-white) 20%,transparent); }
}
.ccl .bg-white\/25 { background-color: rgba(255, 255, 255, 0.25); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/25 { background-color: color-mix(in oklab,var(--color-white) 25%,transparent); }
}
.ccl .bg-white\/60 { background-color: rgba(255, 255, 255, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/60 { background-color: color-mix(in oklab,var(--color-white) 60%,transparent); }
}
.ccl .bg-white\/70 { background-color: rgba(255, 255, 255, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/70 { background-color: color-mix(in oklab,var(--color-white) 70%,transparent); }
}
.ccl .bg-white\/80 { background-color: rgba(255, 255, 255, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/80 { background-color: color-mix(in oklab,var(--color-white) 80%,transparent); }
}
.ccl .bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-white\/90 { background-color: color-mix(in oklab,var(--color-white) 90%,transparent); }
}
.ccl .bg-yellow-400 { background-color: var(--color-yellow-400); }
.ccl .bg-yellow-500 { background-color: var(--color-yellow-500); }
.ccl .bg-yellow-500\/5 { background-color: rgba(237, 178, 0, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-yellow-500\/5 { background-color: color-mix(in oklab,var(--color-yellow-500) 5%,transparent); }
}
.ccl .bg-yellow-500\/10 { background-color: rgba(237, 178, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-yellow-500\/10 { background-color: color-mix(in oklab,var(--color-yellow-500) 10%,transparent); }
}
.ccl .bg-yellow-500\/15 { background-color: rgba(237, 178, 0, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-yellow-500\/15 { background-color: color-mix(in oklab,var(--color-yellow-500) 15%,transparent); }
}
.ccl .bg-yellow-500\/20 { background-color: rgba(237, 178, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-yellow-500\/20 { background-color: color-mix(in oklab,var(--color-yellow-500) 20%,transparent); }
}
.ccl .bg-zinc-100\/10 { background-color: rgba(244, 244, 245, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-100\/10 { background-color: color-mix(in oklab,var(--color-zinc-100) 10%,transparent); }
}
.ccl .bg-zinc-500 { background-color: var(--color-zinc-500); }
.ccl .bg-zinc-800 { background-color: var(--color-zinc-800); }
.ccl .bg-zinc-800\/40 { background-color: rgba(39, 39, 42, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-800\/40 { background-color: color-mix(in oklab,var(--color-zinc-800) 40%,transparent); }
}
.ccl .bg-zinc-800\/50 { background-color: rgba(39, 39, 42, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-800\/50 { background-color: color-mix(in oklab,var(--color-zinc-800) 50%,transparent); }
}
.ccl .bg-zinc-800\/60 { background-color: rgba(39, 39, 42, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-800\/60 { background-color: color-mix(in oklab,var(--color-zinc-800) 60%,transparent); }
}
.ccl .bg-zinc-900 { background-color: var(--color-zinc-900); }
.ccl .bg-zinc-900\/40 { background-color: rgba(24, 24, 27, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-900\/40 { background-color: color-mix(in oklab,var(--color-zinc-900) 40%,transparent); }
}
.ccl .bg-zinc-900\/60 { background-color: rgba(24, 24, 27, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-900\/60 { background-color: color-mix(in oklab,var(--color-zinc-900) 60%,transparent); }
}
.ccl .bg-zinc-900\/80 { background-color: rgba(24, 24, 27, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-900\/80 { background-color: color-mix(in oklab,var(--color-zinc-900) 80%,transparent); }
}
.ccl .bg-zinc-950 { background-color: var(--color-zinc-950); }
.ccl .bg-zinc-950\/40 { background-color: rgba(9, 9, 11, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-950\/40 { background-color: color-mix(in oklab,var(--color-zinc-950) 40%,transparent); }
}
.ccl .bg-zinc-950\/60 { background-color: rgba(9, 9, 11, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-950\/60 { background-color: color-mix(in oklab,var(--color-zinc-950) 60%,transparent); }
}
.ccl .bg-zinc-950\/70 { background-color: rgba(9, 9, 11, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-950\/70 { background-color: color-mix(in oklab,var(--color-zinc-950) 70%,transparent); }
}
.ccl .bg-zinc-950\/80 { background-color: rgba(9, 9, 11, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .bg-zinc-950\/80 { background-color: color-mix(in oklab,var(--color-zinc-950) 80%,transparent); }
}
.ccl .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
.ccl .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
.ccl .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
.ccl .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }
.ccl .from-\[\#4a6cb5\]\/60 { --tw-gradient-from: #4a6cb599; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
@supports (color:lab(0% 0 0)){.ccl .from-\[\#4a6cb5\]\/60 { --tw-gradient-from: lab(45.7369% 5.0081 -43.1812/.6); }
}
.ccl .from-accent\/20 { --tw-gradient-from: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-accent\/20 { --tw-gradient-from: color-mix(in oklab, var(--accent) 20%, transparent); }
}
.ccl .from-accent\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-accent\/30 { --tw-gradient-from: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-accent\/30 { --tw-gradient-from: color-mix(in oklab, var(--accent) 30%, transparent); }
}
.ccl .from-accent\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-50 { --tw-gradient-from: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-50\/40 { --tw-gradient-from: #fffbeb66; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-50\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-50) 40%, transparent); }
}
.ccl .from-amber-50\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-100 { --tw-gradient-from: var(--color-amber-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-200 { --tw-gradient-from: var(--color-amber-200); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-200\/80 { --tw-gradient-from: #fee685cc; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-200\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-200) 80%, transparent); }
}
.ccl .from-amber-200\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-300 { --tw-gradient-from: var(--color-amber-300); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-400 { --tw-gradient-from: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-400\/30 { --tw-gradient-from: #fcbb004d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-400\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-400) 30%, transparent); }
}
.ccl .from-amber-400\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-700 { --tw-gradient-from: var(--color-amber-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-900\/40 { --tw-gradient-from: #7b330666; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-900\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 40%, transparent); }
}
.ccl .from-amber-900\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-900\/50 { --tw-gradient-from: #7b330680; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 50%, transparent); }
}
.ccl .from-amber-900\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-950\/40 { --tw-gradient-from: #46190166; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-950\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 40%, transparent); }
}
.ccl .from-amber-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-amber-950\/60 { --tw-gradient-from: #46190199; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-amber-950\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 60%, transparent); }
}
.ccl .from-amber-950\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-background\/90 { --tw-gradient-from: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-background\/90 { --tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent); }
}
.ccl .from-background\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-black\/40 { --tw-gradient-from: #0006; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-black\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent); }
}
.ccl .from-black\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-black\/70 { --tw-gradient-from: #000000b3; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-black\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); }
}
.ccl .from-black\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-black\/80 { --tw-gradient-from: #000c; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-black\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent); }
}
.ccl .from-black\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-black\/90 { --tw-gradient-from: #000000e6; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-black\/90 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent); }
}
.ccl .from-black\/90 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-black\/95 { --tw-gradient-from: #000000f2; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-black\/95 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 95%, transparent); }
}
.ccl .from-black\/95 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-blue-900\/50 { --tw-gradient-from: #1c398e80; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-blue-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 50%, transparent); }
}
.ccl .from-blue-900\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-emerald-50 { --tw-gradient-from: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-emerald-100 { --tw-gradient-from: var(--color-emerald-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-emerald-500\/30 { --tw-gradient-from: #00bb7f4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-emerald-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); }
}
.ccl .from-emerald-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-emerald-700 { --tw-gradient-from: var(--color-emerald-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-emerald-900\/40 { --tw-gradient-from: #004e3b66; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-emerald-900\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-900) 40%, transparent); }
}
.ccl .from-emerald-900\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-fuchsia-700 { --tw-gradient-from: var(--color-fuchsia-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-fuchsia-800 { --tw-gradient-from: var(--color-fuchsia-800); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-indigo-700 { --tw-gradient-from: var(--color-indigo-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-indigo-900 { --tw-gradient-from: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-indigo-900\/50 { --tw-gradient-from: #312c8580; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-indigo-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 50%, transparent); }
}
.ccl .from-indigo-900\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-muted\/60 { --tw-gradient-from: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-muted\/60 { --tw-gradient-from: color-mix(in oklab, var(--muted) 60%, transparent); }
}
.ccl .from-muted\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-orange-700 { --tw-gradient-from: var(--color-orange-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-orange-900 { --tw-gradient-from: var(--color-orange-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-pink-950\/40 { --tw-gradient-from: #51042466; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-pink-950\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-pink-950) 40%, transparent); }
}
.ccl .from-pink-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-primary\/5 { --tw-gradient-from: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-primary\/5 { --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent); }
}
.ccl .from-primary\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-primary\/10 { --tw-gradient-from: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-primary\/10 { --tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent); }
}
.ccl .from-primary\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-primary\/20 { --tw-gradient-from: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-primary\/20 { --tw-gradient-from: color-mix(in oklab, var(--primary) 20%, transparent); }
}
.ccl .from-primary\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-primary\/30 { --tw-gradient-from: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .from-primary\/30 { --tw-gradient-from: color-mix(in oklab, var(--primary) 30%, transparent); }
}
.ccl .from-primary\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-purple-50 { --tw-gradient-from: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-purple-100 { --tw-gradient-from: var(--color-purple-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-purple-800 { --tw-gradient-from: var(--color-purple-800); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-purple-950\/40 { --tw-gradient-from: #3c036666; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-purple-950\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-purple-950) 40%, transparent); }
}
.ccl .from-purple-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-500\/30 { --tw-gradient-from: #ff23574d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-rose-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-500) 30%, transparent); }
}
.ccl .from-rose-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-700 { --tw-gradient-from: var(--color-rose-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-900\/50 { --tw-gradient-from: #8b083680; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-rose-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 50%, transparent); }
}
.ccl .from-rose-900\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-900\/60 { --tw-gradient-from: #8b083699; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-rose-900\/60 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-900) 60%, transparent); }
}
.ccl .from-rose-900\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-950\/40 { --tw-gradient-from: #4d021866; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-rose-950\/40 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 40%, transparent); }
}
.ccl .from-rose-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-rose-950\/70 { --tw-gradient-from: #4d0218b3; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-rose-950\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-rose-950) 70%, transparent); }
}
.ccl .from-rose-950\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-50 { --tw-gradient-from: var(--color-sky-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-100 { --tw-gradient-from: var(--color-sky-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-100\/80 { --tw-gradient-from: #dff2fecc; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-sky-100\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-sky-100) 80%, transparent); }
}
.ccl .from-sky-100\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-200 { --tw-gradient-from: var(--color-sky-200); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-300 { --tw-gradient-from: var(--color-sky-300); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-500\/5 { --tw-gradient-from: #00a5ef0d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-sky-500\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 5%, transparent); }
}
.ccl .from-sky-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-500\/30 { --tw-gradient-from: #00a5ef4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-sky-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 30%, transparent); }
}
.ccl .from-sky-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-700 { --tw-gradient-from: var(--color-sky-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-sky-900\/50 { --tw-gradient-from: #024a7080; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-sky-900\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-sky-900) 50%, transparent); }
}
.ccl .from-sky-900\/50 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-slate-200\/80 { --tw-gradient-from: #e2e8f0cc; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-slate-200\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-slate-200) 80%, transparent); }
}
.ccl .from-slate-200\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-slate-300\/80 { --tw-gradient-from: #cad5e2cc; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-slate-300\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-slate-300) 80%, transparent); }
}
.ccl .from-slate-300\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-slate-400\/80 { --tw-gradient-from: #90a1b9cc; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-slate-400\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-slate-400) 80%, transparent); }
}
.ccl .from-slate-400\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-slate-700 { --tw-gradient-from: var(--color-slate-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-slate-900 { --tw-gradient-from: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-stone-500\/30 { --tw-gradient-from: #79716b4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-stone-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-stone-500) 30%, transparent); }
}
.ccl .from-stone-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-violet-500\/30 { --tw-gradient-from: #8d54ff4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .from-violet-500\/30 { --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 30%, transparent); }
}
.ccl .from-violet-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-zinc-800 { --tw-gradient-from: var(--color-zinc-800); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .from-zinc-950 { --tw-gradient-from: var(--color-zinc-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .via-accent\/30 { --tw-gradient-via: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .via-accent\/30 { --tw-gradient-via: color-mix(in oklab, var(--accent) 30%, transparent); }
}
.ccl .via-accent\/30 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-amber-400 { --tw-gradient-via: var(--color-amber-400); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-amber-400\/20 { --tw-gradient-via: #fcbb0033; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-amber-400\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-400) 20%, transparent); }
}
.ccl .via-amber-400\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-amber-500\/20 { --tw-gradient-via: #f99c0033; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-amber-500\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 20%, transparent); }
}
.ccl .via-amber-500\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-background { --tw-gradient-via: var(--background); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-black\/10 { --tw-gradient-via: #0000001a; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-black\/10 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 10%, transparent); }
}
.ccl .via-black\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-black\/30 { --tw-gradient-via: #0000004d; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-black\/30 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent); }
}
.ccl .via-black\/30 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-card { --tw-gradient-via: var(--card); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-fuchsia-400\/20 { --tw-gradient-via: #ec6cff33; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-fuchsia-400\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent); }
}
.ccl .via-fuchsia-400\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-fuchsia-700 { --tw-gradient-via: var(--color-fuchsia-700); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-indigo-300\/70 { --tw-gradient-via: #a4b3ffb3; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-indigo-300\/70 { --tw-gradient-via: color-mix(in oklab, var(--color-indigo-300) 70%, transparent); }
}
.ccl .via-indigo-300\/70 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-indigo-400\/20 { --tw-gradient-via: #7d87ff33; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-indigo-400\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-indigo-400) 20%, transparent); }
}
.ccl .via-indigo-400\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-orange-200\/60 { --tw-gradient-via: #ffd7a899; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-orange-200\/60 { --tw-gradient-via: color-mix(in oklab, var(--color-orange-200) 60%, transparent); }
}
.ccl .via-orange-200\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-orange-400\/20 { --tw-gradient-via: #ff8b1a33; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-orange-400\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-orange-400) 20%, transparent); }
}
.ccl .via-orange-400\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-orange-500 { --tw-gradient-via: var(--color-orange-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-primary { --tw-gradient-via: var(--primary); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-primary\/5 { --tw-gradient-via: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .via-primary\/5 { --tw-gradient-via: color-mix(in oklab, var(--primary) 5%, transparent); }
}
.ccl .via-primary\/5 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-primary\/10 { --tw-gradient-via: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .via-primary\/10 { --tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent); }
}
.ccl .via-primary\/10 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-sky-200\/70 { --tw-gradient-via: #b8e6feb3; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-sky-200\/70 { --tw-gradient-via: color-mix(in oklab, var(--color-sky-200) 70%, transparent); }
}
.ccl .via-sky-200\/70 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-slate-100\/60 { --tw-gradient-via: #f1f5f999; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-slate-100\/60 { --tw-gradient-via: color-mix(in oklab, var(--color-slate-100) 60%, transparent); }
}
.ccl .via-slate-100\/60 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-slate-800 { --tw-gradient-via: var(--color-slate-800); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-stone-200\/70 { --tw-gradient-via: #e7e5e4b3; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-stone-200\/70 { --tw-gradient-via: color-mix(in oklab, var(--color-stone-200) 70%, transparent); }
}
.ccl .via-stone-200\/70 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-teal-50 { --tw-gradient-via: var(--color-teal-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-teal-400\/20 { --tw-gradient-via: #00d3bd33; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-teal-400\/20 { --tw-gradient-via: color-mix(in oklab, var(--color-teal-400) 20%, transparent); }
}
.ccl .via-teal-400\/20 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-white\/80 { --tw-gradient-via: #fffc; }
@supports (color:color-mix(in lab,red,red)){.ccl .via-white\/80 { --tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, transparent); }
}
.ccl .via-white\/80 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-yellow-50 { --tw-gradient-via: var(--color-yellow-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-yellow-200 { --tw-gradient-via: var(--color-yellow-200); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .via-zinc-900 { --tw-gradient-via: var(--color-zinc-900); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.ccl .to-accent\/10 { --tw-gradient-to: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-accent\/10 { --tw-gradient-to: color-mix(in oklab, var(--accent) 10%, transparent); }
}
.ccl .to-accent\/10 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-accent\/20 { --tw-gradient-to: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-accent\/20 { --tw-gradient-to: color-mix(in oklab, var(--accent) 20%, transparent); }
}
.ccl .to-accent\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-accent\/30 { --tw-gradient-to: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-accent\/30 { --tw-gradient-to: color-mix(in oklab, var(--accent) 30%, transparent); }
}
.ccl .to-accent\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-accent\/40 { --tw-gradient-to: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-accent\/40 { --tw-gradient-to: color-mix(in oklab, var(--accent) 40%, transparent); }
}
.ccl .to-accent\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-amber-50 { --tw-gradient-to: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-amber-100 { --tw-gradient-to: var(--color-amber-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-amber-100\/40 { --tw-gradient-to: #fef3c666; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-amber-100\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-amber-100) 40%, transparent); }
}
.ccl .to-amber-100\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-amber-400 { --tw-gradient-to: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-amber-500 { --tw-gradient-to: var(--color-amber-500); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-background { --tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-black\/0 { --tw-gradient-to: #0000; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-black\/0 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 0%, transparent); }
}
.ccl .to-black\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-black\/60 { --tw-gradient-to: #0009; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-black\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-black) 60%, transparent); }
}
.ccl .to-black\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-card { --tw-gradient-to: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-emerald-50 { --tw-gradient-to: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-emerald-100 { --tw-gradient-to: var(--color-emerald-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-emerald-400\/30 { --tw-gradient-to: #00d2944d; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-emerald-400\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-400) 30%, transparent); }
}
.ccl .to-emerald-400\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-emerald-500\/30 { --tw-gradient-to: #00bb7f4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-emerald-500\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); }
}
.ccl .to-emerald-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-emerald-900 { --tw-gradient-to: var(--color-emerald-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-fuchsia-50 { --tw-gradient-to: var(--color-fuchsia-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-indigo-100 { --tw-gradient-to: var(--color-indigo-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-indigo-500\/5 { --tw-gradient-to: #625fff0d; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-indigo-500\/5 { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); }
}
.ccl .to-indigo-500\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-indigo-900 { --tw-gradient-to: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-muted\/30 { --tw-gradient-to: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-muted\/30 { --tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent); }
}
.ccl .to-muted\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-orange-100 { --tw-gradient-to: var(--color-orange-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-orange-900 { --tw-gradient-to: var(--color-orange-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-pink-100 { --tw-gradient-to: var(--color-pink-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-primary\/5 { --tw-gradient-to: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .to-primary\/5 { --tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent); }
}
.ccl .to-primary\/5 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-purple-900 { --tw-gradient-to: var(--color-purple-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-purple-950 { --tw-gradient-to: var(--color-purple-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-red-500 { --tw-gradient-to: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-red-900 { --tw-gradient-to: var(--color-red-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-rose-400\/30 { --tw-gradient-to: #ff667f4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-rose-400\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-rose-400) 30%, transparent); }
}
.ccl .to-rose-400\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-rose-900 { --tw-gradient-to: var(--color-rose-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-rose-950 { --tw-gradient-to: var(--color-rose-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-rose-950\/40 { --tw-gradient-to: #4d021866; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-rose-950\/40 { --tw-gradient-to: color-mix(in oklab, var(--color-rose-950) 40%, transparent); }
}
.ccl .to-rose-950\/40 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-sky-100\/60 { --tw-gradient-to: #dff2fe99; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-sky-100\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-sky-100) 60%, transparent); }
}
.ccl .to-sky-100\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-sky-200\/60 { --tw-gradient-to: #b8e6fe99; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-sky-200\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-sky-200) 60%, transparent); }
}
.ccl .to-sky-200\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-sky-500\/30 { --tw-gradient-to: #00a5ef4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-sky-500\/30 { --tw-gradient-to: color-mix(in oklab, var(--color-sky-500) 30%, transparent); }
}
.ccl .to-sky-500\/30 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-100\/60 { --tw-gradient-to: #f1f5f999; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-slate-100\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 60%, transparent); }
}
.ccl .to-slate-100\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-100\/70 { --tw-gradient-to: #f1f5f9b3; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-slate-100\/70 { --tw-gradient-to: color-mix(in oklab, var(--color-slate-100) 70%, transparent); }
}
.ccl .to-slate-100\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-200\/60 { --tw-gradient-to: #e2e8f099; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-slate-200\/60 { --tw-gradient-to: color-mix(in oklab, var(--color-slate-200) 60%, transparent); }
}
.ccl .to-slate-200\/60 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-300\/70 { --tw-gradient-to: #cad5e2b3; }
@supports (color:color-mix(in lab,red,red)){.ccl .to-slate-300\/70 { --tw-gradient-to: color-mix(in oklab, var(--color-slate-300) 70%, transparent); }
}
.ccl .to-slate-300\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-700 { --tw-gradient-to: var(--color-slate-700); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-900 { --tw-gradient-to: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-slate-950 { --tw-gradient-to: var(--color-slate-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-yellow-50 { --tw-gradient-to: var(--color-yellow-50); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-yellow-100 { --tw-gradient-to: var(--color-yellow-100); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .to-zinc-950 { --tw-gradient-to: var(--color-zinc-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .bg-cover { background-size: cover; }
.ccl .bg-clip-text { background-clip: text; }
.ccl .bg-center { background-position: 50% center; }
.ccl .fill-amber-400 { fill: var(--color-amber-400); }
.ccl .fill-amber-400\/30 { fill: rgba(252, 187, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .fill-amber-400\/30 { fill: color-mix(in oklab,var(--color-amber-400) 30%,transparent); }
}
.ccl .fill-current { fill: currentcolor; }
.ccl .fill-pink-600 { fill: var(--color-pink-600); }
.ccl .fill-primary,.ccl .fill-primary\/15 { fill: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .fill-primary\/15 { fill: color-mix(in oklab,var(--primary) 15%,transparent); }
}
.ccl .fill-red-500 { fill: var(--color-red-500); }
.ccl .fill-rose-500 { fill: var(--color-rose-500); }
.ccl .fill-sky-500\/15 { fill: rgba(0, 165, 239, 0.15); }
@supports (color:color-mix(in lab,red,red)){.ccl .fill-sky-500\/15 { fill: color-mix(in oklab,var(--color-sky-500) 15%,transparent); }
}
.ccl .fill-white { fill: var(--color-white); }
.ccl .fill-yellow-500 { fill: var(--color-yellow-500); }
.ccl .object-contain { object-fit: contain; }
.ccl .object-cover { object-fit: cover; }
.ccl .object-fill { object-fit: fill; }
.ccl .\!p-0 { padding: calc(var(--spacing) * 0) !important; }
.ccl .\!p-5 { padding: calc(var(--spacing) * 5) !important; }
.ccl .p-0 { padding: calc(var(--spacing) * 0); }
.ccl .p-0\.5 { padding: calc(var(--spacing) * .5); }
.ccl .p-1 { padding: calc(var(--spacing) * 1); }
.ccl .p-1\.5 { padding: calc(var(--spacing) * 1.5); }
.ccl .p-2 { padding: calc(var(--spacing) * 2); }
.ccl .p-2\.5 { padding: calc(var(--spacing) * 2.5); }
.ccl .p-3 { padding: calc(var(--spacing) * 3); }
.ccl .p-4 { padding: calc(var(--spacing) * 4); }
.ccl .p-5 { padding: calc(var(--spacing) * 5); }
.ccl .p-6 { padding: calc(var(--spacing) * 6); }
.ccl .p-8 { padding: calc(var(--spacing) * 8); }
.ccl .p-10 { padding: calc(var(--spacing) * 10); }
.ccl .p-12 { padding: calc(var(--spacing) * 12); }
.ccl .p-16 { padding: calc(var(--spacing) * 16); }
.ccl .p-\[1px\] { padding: 1px; }
.ccl .\!px-4 { padding-inline: calc(var(--spacing) * 4) !important; }
.ccl .px-\(--cell-size\) { padding-inline: var(--cell-size); }
.ccl .px-0 { padding-inline: calc(var(--spacing) * 0); }
.ccl .px-1 { padding-inline: calc(var(--spacing) * 1); }
.ccl .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
.ccl .px-2 { padding-inline: calc(var(--spacing) * 2); }
.ccl .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); }
.ccl .px-3 { padding-inline: calc(var(--spacing) * 3); }
.ccl .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); }
.ccl .px-4 { padding-inline: calc(var(--spacing) * 4); }
.ccl .px-5 { padding-inline: calc(var(--spacing) * 5); }
.ccl .px-6 { padding-inline: calc(var(--spacing) * 6); }
.ccl .px-7 { padding-inline: calc(var(--spacing) * 7); }
.ccl .px-8 { padding-inline: calc(var(--spacing) * 8); }
.ccl .py-0 { padding-block: calc(var(--spacing) * 0); }
.ccl .py-0\.5 { padding-block: calc(var(--spacing) * .5); }
.ccl .py-1 { padding-block: calc(var(--spacing) * 1); }
.ccl .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
.ccl .py-2 { padding-block: calc(var(--spacing) * 2); }
.ccl .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); }
.ccl .py-3 { padding-block: calc(var(--spacing) * 3); }
.ccl .py-4 { padding-block: calc(var(--spacing) * 4); }
.ccl .py-5 { padding-block: calc(var(--spacing) * 5); }
.ccl .py-6 { padding-block: calc(var(--spacing) * 6); }
.ccl .py-8 { padding-block: calc(var(--spacing) * 8); }
.ccl .py-10 { padding-block: calc(var(--spacing) * 10); }
.ccl .py-12 { padding-block: calc(var(--spacing) * 12); }
.ccl .py-14 { padding-block: calc(var(--spacing) * 14); }
.ccl .py-16 { padding-block: calc(var(--spacing) * 16); }
.ccl .py-20 { padding-block: calc(var(--spacing) * 20); }
.ccl .py-24 { padding-block: calc(var(--spacing) * 24); }
.ccl .pt-0 { padding-top: calc(var(--spacing) * 0); }
.ccl .pt-0\.5 { padding-top: calc(var(--spacing) * .5); }
.ccl .pt-1 { padding-top: calc(var(--spacing) * 1); }
.ccl .pt-2 { padding-top: calc(var(--spacing) * 2); }
.ccl .pt-3 { padding-top: calc(var(--spacing) * 3); }
.ccl .pt-4 { padding-top: calc(var(--spacing) * 4); }
.ccl .pt-5 { padding-top: calc(var(--spacing) * 5); }
.ccl .pt-6 { padding-top: calc(var(--spacing) * 6); }
.ccl .pt-8 { padding-top: calc(var(--spacing) * 8); }
.ccl .pt-12 { padding-top: calc(var(--spacing) * 12); }
.ccl .pt-24 { padding-top: calc(var(--spacing) * 24); }
.ccl .pr-1 { padding-right: calc(var(--spacing) * 1); }
.ccl .pr-2 { padding-right: calc(var(--spacing) * 2); }
.ccl .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); }
.ccl .pr-3 { padding-right: calc(var(--spacing) * 3); }
.ccl .pr-6 { padding-right: calc(var(--spacing) * 6); }
.ccl .pr-8 { padding-right: calc(var(--spacing) * 8); }
.ccl .pr-10 { padding-right: calc(var(--spacing) * 10); }
.ccl .pr-12 { padding-right: calc(var(--spacing) * 12); }
.ccl .pr-24 { padding-right: calc(var(--spacing) * 24); }
.ccl .pb-0 { padding-bottom: calc(var(--spacing) * 0); }
.ccl .pb-0\.5 { padding-bottom: calc(var(--spacing) * .5); }
.ccl .pb-1 { padding-bottom: calc(var(--spacing) * 1); }
.ccl .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); }
.ccl .pb-2 { padding-bottom: calc(var(--spacing) * 2); }
.ccl .pb-3 { padding-bottom: calc(var(--spacing) * 3); }
.ccl .pb-4 { padding-bottom: calc(var(--spacing) * 4); }
.ccl .pb-6 { padding-bottom: calc(var(--spacing) * 6); }
.ccl .pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.ccl .pb-10 { padding-bottom: calc(var(--spacing) * 10); }
.ccl .pb-20 { padding-bottom: calc(var(--spacing) * 20); }
.ccl .pb-24 { padding-bottom: calc(var(--spacing) * 24); }
.ccl .pb-28 { padding-bottom: calc(var(--spacing) * 28); }
.ccl .pb-\[calc\(6rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(6rem + env(safe-area-inset-bottom)); }
.ccl .pb-\[max\(0\.5rem\,env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(.5rem,env(safe-area-inset-bottom)); }
.ccl .pl-1 { padding-left: calc(var(--spacing) * 1); }
.ccl .pl-2 { padding-left: calc(var(--spacing) * 2); }
.ccl .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); }
.ccl .pl-3 { padding-left: calc(var(--spacing) * 3); }
.ccl .pl-4 { padding-left: calc(var(--spacing) * 4); }
.ccl .pl-5 { padding-left: calc(var(--spacing) * 5); }
.ccl .pl-6 { padding-left: calc(var(--spacing) * 6); }
.ccl .pl-7 { padding-left: calc(var(--spacing) * 7); }
.ccl .pl-8 { padding-left: calc(var(--spacing) * 8); }
.ccl .pl-9 { padding-left: calc(var(--spacing) * 9); }
.ccl .text-center { text-align: center; }
.ccl .text-left { text-align: left; }
.ccl .text-right { text-align: right; }
.ccl .align-middle { vertical-align: middle; }
.ccl .align-top { vertical-align: top; }
.ccl .font-display { font-family: Fraunces, ui-serif, Georgia, serif; }
.ccl .font-mono { font-family: var(--font-mono); }
.ccl .font-sans { font-family: "DM Sans", ui-sans-serif, system-ui, sans-serif; }
.ccl .font-serif { font-family: var(--font-serif); }
.ccl .\!text-sm { font-size: var(--text-sm) !important; line-height: var(--tw-leading,var(--text-sm--line-height)) !important; }
.ccl .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
.ccl .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.ccl .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
.ccl .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
.ccl .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
.ccl .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height)); }
.ccl .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading,var(--text-8xl--line-height)); }
.ccl .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.ccl .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.ccl .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.ccl .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.ccl .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.ccl .\!text-\[15px\] { font-size: 15px !important; }
.ccl .\!text-\[17px\] { font-size: 17px !important; }
.ccl .\!text-\[18px\] { font-size: 18px !important; }
.ccl .\[font-size\:16px\] { font-size: 16px; }
.ccl .text-\[0\.8rem\] { font-size: 0.8rem; }
.ccl .text-\[8px\] { font-size: 8px; }
.ccl .text-\[9px\] { font-size: 9px; }
.ccl .text-\[10px\] { font-size: 10px; }
.ccl .text-\[11px\] { font-size: 11px; }
.ccl .text-\[12px\] { font-size: 12px; }
.ccl .text-\[13px\] { font-size: 13px; }
.ccl .text-\[15px\] { font-size: 15px; }
.ccl .\!leading-snug { --tw-leading: var(--leading-snug) !important; line-height: var(--leading-snug) !important; }
.ccl .\!leading-tight { --tw-leading: var(--leading-tight) !important; line-height: var(--leading-tight) !important; }
.ccl .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }
.ccl .leading-\[0\.95\] { --tw-leading: .95; line-height: 0.95; }
.ccl .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; }
.ccl .leading-\[1\.05\] { --tw-leading: 1.05; line-height: 1.05; }
.ccl .leading-none { --tw-leading: 1; line-height: 1; }
.ccl .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.ccl .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); }
.ccl .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
.ccl .\!font-bold { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; }
.ccl .\!font-extrabold { --tw-font-weight: var(--font-weight-extrabold) !important; font-weight: var(--font-weight-extrabold) !important; }
.ccl .\!font-semibold { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; }
.ccl .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); }
.ccl .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
.ccl .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.ccl .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
.ccl .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.ccl .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: 0.18em; }
.ccl .tracking-\[2px\] { --tw-tracking: 2px; letter-spacing: 2px; }
.ccl .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
.ccl .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
.ccl .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
.ccl .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); }
.ccl .text-balance { text-wrap: balance; }
.ccl .break-words { overflow-wrap: break-word; }
.ccl .break-all { word-break: break-all; }
.ccl .whitespace-normal { white-space: normal; }
.ccl .whitespace-nowrap { white-space: nowrap; }
.ccl .whitespace-pre-line { white-space: pre-line; }
.ccl .whitespace-pre-wrap { white-space: pre-wrap; }
.ccl .\!text-\[oklch\(0\.25_0\.08_150\)\] { color: lab(13.9789 -24.521 15.7135) !important; }
.ccl .\!text-\[oklch\(0\.28_0\.11_245\)\] { color: lab(15.8181 -0.759542 -35.2619) !important; }
.ccl .\!text-\[oklch\(0\.28_0\.12_60\)\] { color: lab(15.7278 28.9148 36.049) !important; }
.ccl .\!text-\[oklch\(0\.28_0\.14_25\)\] { color: lab(15.0032 44.7324 25.315) !important; }
.ccl .\!text-foreground { color: var(--foreground) !important; }
.ccl .\!text-primary-foreground { color: var(--primary-foreground) !important; }
.ccl .text-\[\#2a1f14\] { color: rgb(42, 31, 20); }
.ccl .text-\[\#8fb0f0\] { color: rgb(143, 176, 240); }
.ccl .text-\[\#a8c1f0\] { color: rgb(168, 193, 240); }
.ccl .text-\[\#c9a55b\] { color: rgb(201, 165, 91); }
.ccl .text-\[\#cc7a00\] { color: rgb(204, 122, 0); }
.ccl .text-\[\#f7ecd0\] { color: rgb(247, 236, 208); }
.ccl .text-accent-foreground { color: var(--accent-foreground); }
.ccl .text-amber-100 { color: var(--color-amber-100); }
.ccl .text-amber-200 { color: var(--color-amber-200); }
.ccl .text-amber-200\/70 { color: rgba(254, 230, 133, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-200\/70 { color: color-mix(in oklab,var(--color-amber-200) 70%,transparent); }
}
.ccl .text-amber-300 { color: var(--color-amber-300); }
.ccl .text-amber-300\/60 { color: rgba(255, 210, 54, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-300\/60 { color: color-mix(in oklab,var(--color-amber-300) 60%,transparent); }
}
.ccl .text-amber-300\/70 { color: rgba(255, 210, 54, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-300\/70 { color: color-mix(in oklab,var(--color-amber-300) 70%,transparent); }
}
.ccl .text-amber-300\/80 { color: rgba(255, 210, 54, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-300\/80 { color: color-mix(in oklab,var(--color-amber-300) 80%,transparent); }
}
.ccl .text-amber-400 { color: var(--color-amber-400); }
.ccl .text-amber-400\/70 { color: rgba(252, 187, 0, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-400\/70 { color: color-mix(in oklab,var(--color-amber-400) 70%,transparent); }
}
.ccl .text-amber-400\/80 { color: rgba(252, 187, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-400\/80 { color: color-mix(in oklab,var(--color-amber-400) 80%,transparent); }
}
.ccl .text-amber-500 { color: var(--color-amber-500); }
.ccl .text-amber-600 { color: var(--color-amber-600); }
.ccl .text-amber-700 { color: var(--color-amber-700); }
.ccl .text-amber-800 { color: var(--color-amber-800); }
.ccl .text-amber-800\/70 { color: rgba(149, 61, 0, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-800\/70 { color: color-mix(in oklab,var(--color-amber-800) 70%,transparent); }
}
.ccl .text-amber-800\/80 { color: rgba(149, 61, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-800\/80 { color: color-mix(in oklab,var(--color-amber-800) 80%,transparent); }
}
.ccl .text-amber-900 { color: var(--color-amber-900); }
.ccl .text-amber-900\/80 { color: rgba(123, 51, 6, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-amber-900\/80 { color: color-mix(in oklab,var(--color-amber-900) 80%,transparent); }
}
.ccl .text-amber-950 { color: var(--color-amber-950); }
.ccl .text-background { color: var(--background); }
.ccl .text-black { color: var(--color-black); }
.ccl .text-blue-100 { color: var(--color-blue-100); }
.ccl .text-blue-200 { color: var(--color-blue-200); }
.ccl .text-blue-300 { color: var(--color-blue-300); }
.ccl .text-blue-500 { color: var(--color-blue-500); }
.ccl .text-blue-600 { color: var(--color-blue-600); }
.ccl .text-blue-700 { color: var(--color-blue-700); }
.ccl .text-blue-900 { color: var(--color-blue-900); }
.ccl .text-card-foreground { color: var(--card-foreground); }
.ccl .text-current { color: currentcolor; }
.ccl .text-destructive { color: var(--destructive); }
.ccl .text-destructive-foreground { color: var(--destructive-foreground); }
.ccl .text-emerald-100 { color: var(--color-emerald-100); }
.ccl .text-emerald-200 { color: var(--color-emerald-200); }
.ccl .text-emerald-300 { color: var(--color-emerald-300); }
.ccl .text-emerald-300\/80 { color: rgba(94, 233, 181, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-emerald-300\/80 { color: color-mix(in oklab,var(--color-emerald-300) 80%,transparent); }
}
.ccl .text-emerald-400 { color: var(--color-emerald-400); }
.ccl .text-emerald-500 { color: var(--color-emerald-500); }
.ccl .text-emerald-600 { color: var(--color-emerald-600); }
.ccl .text-emerald-700 { color: var(--color-emerald-700); }
.ccl .text-emerald-800 { color: var(--color-emerald-800); }
.ccl .text-emerald-900 { color: var(--color-emerald-900); }
.ccl .text-emerald-950 { color: var(--color-emerald-950); }
.ccl .text-foreground,.ccl .text-foreground\/60 { color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-foreground\/60 { color: color-mix(in oklab,var(--foreground) 60%,transparent); }
}
.ccl .text-foreground\/70 { color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-foreground\/70 { color: color-mix(in oklab,var(--foreground) 70%,transparent); }
}
.ccl .text-foreground\/80 { color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-foreground\/80 { color: color-mix(in oklab,var(--foreground) 80%,transparent); }
}
.ccl .text-foreground\/85 { color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-foreground\/85 { color: color-mix(in oklab,var(--foreground) 85%,transparent); }
}
.ccl .text-foreground\/90 { color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-foreground\/90 { color: color-mix(in oklab,var(--foreground) 90%,transparent); }
}
.ccl .text-fuchsia-100 { color: var(--color-fuchsia-100); }
.ccl .text-fuchsia-200 { color: var(--color-fuchsia-200); }
.ccl .text-fuchsia-300 { color: var(--color-fuchsia-300); }
.ccl .text-fuchsia-400 { color: var(--color-fuchsia-400); }
.ccl .text-fuchsia-700 { color: var(--color-fuchsia-700); }
.ccl .text-fuchsia-700\/80 { color: rgba(166, 0, 181, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-fuchsia-700\/80 { color: color-mix(in oklab,var(--color-fuchsia-700) 80%,transparent); }
}
.ccl .text-fuchsia-800 { color: var(--color-fuchsia-800); }
.ccl .text-fuchsia-900 { color: var(--color-fuchsia-900); }
.ccl .text-gray-700 { color: var(--color-gray-700); }
.ccl .text-green-500 { color: var(--color-green-500); }
.ccl .text-green-600 { color: var(--color-green-600); }
.ccl .text-green-700 { color: var(--color-green-700); }
.ccl .text-green-800 { color: var(--color-green-800); }
.ccl .text-indigo-100 { color: var(--color-indigo-100); }
.ccl .text-indigo-200 { color: var(--color-indigo-200); }
.ccl .text-indigo-300\/80 { color: rgba(164, 179, 255, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-indigo-300\/80 { color: color-mix(in oklab,var(--color-indigo-300) 80%,transparent); }
}
.ccl .text-indigo-500 { color: var(--color-indigo-500); }
.ccl .text-indigo-500\/80 { color: rgba(98, 95, 255, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-indigo-500\/80 { color: color-mix(in oklab,var(--color-indigo-500) 80%,transparent); }
}
.ccl .text-indigo-700 { color: var(--color-indigo-700); }
.ccl .text-indigo-900 { color: var(--color-indigo-900); }
.ccl .text-lime-900 { color: var(--color-lime-900); }
.ccl .text-muted-foreground,.ccl .text-muted-foreground\/40 { color: var(--muted-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-muted-foreground\/40 { color: color-mix(in oklab,var(--muted-foreground) 40%,transparent); }
}
.ccl .text-muted-foreground\/60 { color: var(--muted-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-muted-foreground\/60 { color: color-mix(in oklab,var(--muted-foreground) 60%,transparent); }
}
.ccl .text-muted-foreground\/80 { color: var(--muted-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-muted-foreground\/80 { color: color-mix(in oklab,var(--muted-foreground) 80%,transparent); }
}
.ccl .text-neutral-900 { color: var(--color-neutral-900); }
.ccl .text-orange-100\/90 { color: rgba(255, 237, 213, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-orange-100\/90 { color: color-mix(in oklab,var(--color-orange-100) 90%,transparent); }
}
.ccl .text-orange-200 { color: var(--color-orange-200); }
.ccl .text-orange-300 { color: var(--color-orange-300); }
.ccl .text-orange-500 { color: var(--color-orange-500); }
.ccl .text-orange-600 { color: var(--color-orange-600); }
.ccl .text-orange-700 { color: var(--color-orange-700); }
.ccl .text-orange-800 { color: var(--color-orange-800); }
.ccl .text-orange-900 { color: var(--color-orange-900); }
.ccl .text-pink-100 { color: var(--color-pink-100); }
.ccl .text-pink-300 { color: var(--color-pink-300); }
.ccl .text-pink-400 { color: var(--color-pink-400); }
.ccl .text-pink-600 { color: var(--color-pink-600); }
.ccl .text-popover-foreground { color: var(--popover-foreground); }
.ccl .text-primary { color: var(--primary); }
.ccl .text-primary-foreground,.ccl .text-primary-foreground\/70 { color: var(--primary-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-primary-foreground\/70 { color: color-mix(in oklab,var(--primary-foreground) 70%,transparent); }
}
.ccl .text-primary\/40 { color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-primary\/40 { color: color-mix(in oklab,var(--primary) 40%,transparent); }
}
.ccl .text-purple-100 { color: var(--color-purple-100); }
.ccl .text-purple-200 { color: var(--color-purple-200); }
.ccl .text-purple-300 { color: var(--color-purple-300); }
.ccl .text-purple-600 { color: var(--color-purple-600); }
.ccl .text-purple-700 { color: var(--color-purple-700); }
.ccl .text-purple-800\/70 { color: rgba(110, 17, 176, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-purple-800\/70 { color: color-mix(in oklab,var(--color-purple-800) 70%,transparent); }
}
.ccl .text-purple-800\/80 { color: rgba(110, 17, 176, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-purple-800\/80 { color: color-mix(in oklab,var(--color-purple-800) 80%,transparent); }
}
.ccl .text-purple-900 { color: var(--color-purple-900); }
.ccl .text-red-100 { color: var(--color-red-100); }
.ccl .text-red-200 { color: var(--color-red-200); }
.ccl .text-red-300 { color: var(--color-red-300); }
.ccl .text-red-400 { color: var(--color-red-400); }
.ccl .text-red-500 { color: var(--color-red-500); }
.ccl .text-red-500\/90 { color: rgba(251, 44, 54, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-red-500\/90 { color: color-mix(in oklab,var(--color-red-500) 90%,transparent); }
}
.ccl .text-red-600 { color: var(--color-red-600); }
.ccl .text-red-700 { color: var(--color-red-700); }
.ccl .text-red-800 { color: var(--color-red-800); }
.ccl .text-red-900 { color: var(--color-red-900); }
.ccl .text-rose-100 { color: var(--color-rose-100); }
.ccl .text-rose-200 { color: var(--color-rose-200); }
.ccl .text-rose-300 { color: var(--color-rose-300); }
.ccl .text-rose-300\/70 { color: rgba(255, 162, 174, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-rose-300\/70 { color: color-mix(in oklab,var(--color-rose-300) 70%,transparent); }
}
.ccl .text-rose-400 { color: var(--color-rose-400); }
.ccl .text-rose-500 { color: var(--color-rose-500); }
.ccl .text-rose-600 { color: var(--color-rose-600); }
.ccl .text-rose-700 { color: var(--color-rose-700); }
.ccl .text-rose-800 { color: var(--color-rose-800); }
.ccl .text-rose-800\/80 { color: rgba(163, 0, 55, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-rose-800\/80 { color: color-mix(in oklab,var(--color-rose-800) 80%,transparent); }
}
.ccl .text-rose-900 { color: var(--color-rose-900); }
.ccl .text-rose-950 { color: var(--color-rose-950); }
.ccl .text-sage { color: var(--sage); }
.ccl .text-secondary-foreground { color: var(--secondary-foreground); }
.ccl .text-sky-50 { color: var(--color-sky-50); }
.ccl .text-sky-100 { color: var(--color-sky-100); }
.ccl .text-sky-200 { color: var(--color-sky-200); }
.ccl .text-sky-400 { color: var(--color-sky-400); }
.ccl .text-sky-400\/70 { color: rgba(0, 188, 254, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-sky-400\/70 { color: color-mix(in oklab,var(--color-sky-400) 70%,transparent); }
}
.ccl .text-sky-500 { color: var(--color-sky-500); }
.ccl .text-sky-500\/70 { color: rgba(0, 165, 239, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-sky-500\/70 { color: color-mix(in oklab,var(--color-sky-500) 70%,transparent); }
}
.ccl .text-sky-600 { color: var(--color-sky-600); }
.ccl .text-sky-700 { color: var(--color-sky-700); }
.ccl .text-sky-800 { color: var(--color-sky-800); }
.ccl .text-sky-900 { color: var(--color-sky-900); }
.ccl .text-slate-300 { color: var(--color-slate-300); }
.ccl .text-slate-400 { color: var(--color-slate-400); }
.ccl .text-slate-400\/60 { color: rgba(144, 161, 185, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-slate-400\/60 { color: color-mix(in oklab,var(--color-slate-400) 60%,transparent); }
}
.ccl .text-slate-500 { color: var(--color-slate-500); }
.ccl .text-slate-500\/60 { color: rgba(98, 116, 142, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-slate-500\/60 { color: color-mix(in oklab,var(--color-slate-500) 60%,transparent); }
}
.ccl .text-slate-500\/70 { color: rgba(98, 116, 142, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-slate-500\/70 { color: color-mix(in oklab,var(--color-slate-500) 70%,transparent); }
}
.ccl .text-slate-700 { color: var(--color-slate-700); }
.ccl .text-slate-800 { color: var(--color-slate-800); }
.ccl .text-slate-900 { color: var(--color-slate-900); }
.ccl .text-stone-400 { color: var(--color-stone-400); }
.ccl .text-stone-500 { color: var(--color-stone-500); }
.ccl .text-stone-500\/70 { color: rgba(121, 113, 107, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-stone-500\/70 { color: color-mix(in oklab,var(--color-stone-500) 70%,transparent); }
}
.ccl .text-stone-800 { color: var(--color-stone-800); }
.ccl .text-stone-900 { color: var(--color-stone-900); }
.ccl .text-transparent { color: rgba(0, 0, 0, 0); }
.ccl .text-violet-900 { color: var(--color-violet-900); }
.ccl .text-white { color: var(--color-white); }
.ccl .text-white\/60 { color: rgba(255, 255, 255, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-white\/60 { color: color-mix(in oklab,var(--color-white) 60%,transparent); }
}
.ccl .text-white\/70 { color: rgba(255, 255, 255, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-white\/70 { color: color-mix(in oklab,var(--color-white) 70%,transparent); }
}
.ccl .text-white\/80 { color: rgba(255, 255, 255, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-white\/80 { color: color-mix(in oklab,var(--color-white) 80%,transparent); }
}
.ccl .text-white\/85 { color: rgba(255, 255, 255, 0.85); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-white\/85 { color: color-mix(in oklab,var(--color-white) 85%,transparent); }
}
.ccl .text-white\/90 { color: rgba(255, 255, 255, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .text-white\/90 { color: color-mix(in oklab,var(--color-white) 90%,transparent); }
}
.ccl .text-yellow-300 { color: var(--color-yellow-300); }
.ccl .text-yellow-400 { color: var(--color-yellow-400); }
.ccl .text-yellow-500 { color: var(--color-yellow-500); }
.ccl .text-yellow-600 { color: var(--color-yellow-600); }
.ccl .text-yellow-700 { color: var(--color-yellow-700); }
.ccl .text-yellow-800 { color: var(--color-yellow-800); }
.ccl .text-yellow-950 { color: var(--color-yellow-950); }
.ccl .text-zinc-100 { color: var(--color-zinc-100); }
.ccl .text-zinc-200 { color: var(--color-zinc-200); }
.ccl .text-zinc-300 { color: var(--color-zinc-300); }
.ccl .text-zinc-400 { color: var(--color-zinc-400); }
.ccl .text-zinc-500 { color: var(--color-zinc-500); }
.ccl .text-zinc-600 { color: var(--color-zinc-600); }
.ccl .text-zinc-950 { color: var(--color-zinc-950); }
.ccl .capitalize { text-transform: capitalize; }
.ccl .lowercase { text-transform: lowercase; }
.ccl .normal-case { text-transform: none; }
.ccl .uppercase { text-transform: uppercase; }
.ccl .italic { font-style: italic; }
.ccl .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); }
.ccl .line-through { text-decoration-line: line-through; }
.ccl .no-underline { text-decoration-line: none; }
.ccl .underline { text-decoration-line: underline; }
.ccl .decoration-foreground\/30 { text-decoration-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .decoration-foreground\/30 { text-decoration-color: color-mix(in oklab,var(--foreground) 30%,transparent); }
}
.ccl .decoration-primary\/60 { text-decoration-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .decoration-primary\/60 { text-decoration-color: color-mix(in oklab,var(--primary) 60%,transparent); }
}
.ccl .underline-offset-2 { text-underline-offset: 2px; }
.ccl .underline-offset-4 { text-underline-offset: 4px; }
.ccl .accent-amber-500 { accent-color: var(--color-amber-500); }
.ccl .accent-primary { accent-color: var(--primary); }
.ccl .accent-red-600 { accent-color: var(--color-red-600); }
.ccl .\!opacity-90 { opacity: 0.9 !important; }
.ccl .opacity-0 { opacity: 0; }
.ccl .opacity-25 { opacity: 0.25; }
.ccl .opacity-30 { opacity: 0.3; }
.ccl .opacity-50 { opacity: 0.5; }
.ccl .opacity-60 { opacity: 0.6; }
.ccl .opacity-70 { opacity: 0.7; }
.ccl .opacity-75 { opacity: 0.75; }
.ccl .opacity-80 { opacity: 0.8; }
.ccl .opacity-85 { opacity: 0.85; }
.ccl .opacity-90 { opacity: 0.9; }
.ccl .opacity-95 { opacity: 0.95; }
.ccl .opacity-100 { opacity: 1; }
.ccl .opacity-\[0\.08\] { opacity: 0.08; }
.ccl .\!shadow-\[0_3px_0_0_rgba\(0\,0\,0\,0\.55\)\] { --tw-shadow: 0 3px 0 0 var(--tw-shadow-color,#0000008c) !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; }
.ccl .\!shadow-\[0_8px_0_-2px_rgba\(0\,0\,0\,0\.18\)\,0_18px_40px_-12px_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 8px 0 -2px var(--tw-shadow-color,#0000002e), 0 18px 40px -12px var(--tw-shadow-color,#00000059) !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; }
.ccl .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-border)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_0_10px_rgba\(251\,191\,36\,0\.9\)\] { --tw-shadow: 0 0 10px var(--tw-shadow-color,#fbbf24e6); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_0_12px_rgba\(34\,211\,238\,0\.9\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color,#22d3eee6); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_0_20px_rgba\(250\,204\,21\,0\.7\)\] { --tw-shadow: 0 0 20px var(--tw-shadow-color,#facc15b3); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_3px_0_0_rgba\(0\,0\,0\,0\.35\)\] { --tw-shadow: 0 3px 0 0 var(--tw-shadow-color,#00000059); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[0_6px_0_-2px_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 6px 0 -2px var(--tw-shadow-color,#0000001f); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[4px_4px_0_0_hsl\(var\(--foreground\)\/0\.35\)\] { --tw-shadow: 4px 4px 0 0 var(--tw-shadow-color,hsl(var(--foreground)/.35)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-\[6px_6px_0_0_hsl\(var\(--foreground\)\)\] { --tw-shadow: 6px 6px 0 0 var(--tw-shadow-color,hsl(var(--foreground))); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .shadow-amber-500\/20 { --tw-shadow-color: #f99c0033; }
@supports (color:color-mix(in lab,red,red)){.ccl .shadow-amber-500\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent); }
}
.ccl .shadow-black\/60 { --tw-shadow-color: #0009; }
@supports (color:color-mix(in lab,red,red)){.ccl .shadow-black\/60 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent); }
}
.ccl .shadow-red-600\/40 { --tw-shadow-color: #e4001466; }
@supports (color:color-mix(in lab,red,red)){.ccl .shadow-red-600\/40 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 40%, transparent) var(--tw-shadow-alpha), transparent); }
}
.ccl .shadow-red-900\/50 { --tw-shadow-color: #82181a80; }
@supports (color:color-mix(in lab,red,red)){.ccl .shadow-red-900\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-900) 50%, transparent) var(--tw-shadow-alpha), transparent); }
}
.ccl .ring-amber-300 { --tw-ring-color: var(--color-amber-300); }
.ccl .ring-amber-400 { --tw-ring-color: var(--color-amber-400); }
.ccl .ring-amber-400\/60 { --tw-ring-color: #fcbb0099; }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-amber-400\/60 { --tw-ring-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent); }
}
.ccl .ring-background\/60 { --tw-ring-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-background\/60 { --tw-ring-color: color-mix(in oklab, var(--background) 60%, transparent); }
}
.ccl .ring-emerald-300 { --tw-ring-color: var(--color-emerald-300); }
.ccl .ring-fuchsia-500 { --tw-ring-color: var(--color-fuchsia-500); }
.ccl .ring-green-500\/50 { --tw-ring-color: #00c75880; }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-green-500\/50 { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 50%, transparent); }
}
.ccl .ring-pink-400 { --tw-ring-color: var(--color-pink-400); }
.ccl .ring-primary,.ccl .ring-primary\/20 { --tw-ring-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent); }
}
.ccl .ring-primary\/30 { --tw-ring-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-primary\/30 { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent); }
}
.ccl .ring-primary\/40 { --tw-ring-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-primary\/40 { --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent); }
}
.ccl .ring-primary\/70 { --tw-ring-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-primary\/70 { --tw-ring-color: color-mix(in oklab, var(--primary) 70%, transparent); }
}
.ccl .ring-ring { --tw-ring-color: var(--ring); }
.ccl .ring-sky-200 { --tw-ring-color: var(--color-sky-200); }
.ccl .ring-sky-500\/30 { --tw-ring-color: #00a5ef4d; }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-sky-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); }
}
.ccl .ring-white\/70 { --tw-ring-color: #ffffffb3; }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-white\/70 { --tw-ring-color: color-mix(in oklab, var(--color-white) 70%, transparent); }
}
.ccl .ring-white\/90 { --tw-ring-color: #ffffffe6; }
@supports (color:color-mix(in lab,red,red)){.ccl .ring-white\/90 { --tw-ring-color: color-mix(in oklab, var(--color-white) 90%, transparent); }
}
.ccl .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ccl .ring-offset-background { --tw-ring-offset-color: var(--background); }
.ccl .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
.ccl .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .blur-3xl { --tw-blur: blur(var(--blur-3xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .blur-md { --tw-blur: blur(var(--blur-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .drop-shadow-2xl { --tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .drop-shadow-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-md)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
.ccl .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.ccl .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.ccl .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.ccl .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.ccl .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
.ccl .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-\[background-color\,border-color\,box-shadow\,transform\] { transition-property: background-color, border-color, box-shadow, transform; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-\[left\,right\,width\] { transition-property: left, right, width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-\[width\,height\,padding\] { transition-property: width, height, padding; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-all { transition-property: all; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ccl .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; }
.ccl .duration-300 { --tw-duration: .3s; transition-duration: 0.3s; }
.ccl .duration-500 { --tw-duration: .5s; transition-duration: 0.5s; }
.ccl .duration-700 { --tw-duration: .7s; transition-duration: 0.7s; }
.ccl .duration-1000 { --tw-duration: 1s; transition-duration: 1s; }
.ccl .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }
.ccl .ease-linear { --tw-ease: linear; transition-timing-function: linear; }
.ccl .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); }
.ccl .prose-neutral { --tw-prose-body: #404040; --tw-prose-headings: #171717; --tw-prose-lead: #525252; --tw-prose-links: #171717; --tw-prose-bold: #171717; --tw-prose-counters: #737373; --tw-prose-bullets: #d4d4d4; --tw-prose-hr: #e5e5e5; --tw-prose-quotes: #171717; --tw-prose-quote-borders: #e5e5e5; --tw-prose-captions: #737373; --tw-prose-kbd: #171717; --tw-prose-kbd-shadows: #1717171a; --tw-prose-code: #171717; --tw-prose-pre-code: #e5e5e5; --tw-prose-pre-bg: #262626; --tw-prose-th-borders: #d4d4d4; --tw-prose-td-borders: #e5e5e5; --tw-prose-invert-body: #d4d4d4; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #a1a1a1; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #a1a1a1; --tw-prose-invert-bullets: #525252; --tw-prose-invert-hr: #404040; --tw-prose-invert-quotes: #f5f5f5; --tw-prose-invert-quote-borders: #404040; --tw-prose-invert-captions: #a1a1a1; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d4d4d4; --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: #525252; --tw-prose-invert-td-borders: #404040; }
@supports (color:lab(0% 0 0)){.ccl .prose-neutral { --tw-prose-body: lab(27.036% 0 0); --tw-prose-headings: lab(7.78201% -.0000149012 0); --tw-prose-lead: lab(34.924% 0 0); --tw-prose-links: lab(7.78201% -.0000149012 0); --tw-prose-bold: lab(7.78201% -.0000149012 0); --tw-prose-counters: lab(48.496% 0 0); --tw-prose-bullets: lab(84.92% 0 -.0000119209); --tw-prose-hr: lab(90.952% 0 -.0000119209); --tw-prose-quotes: lab(7.78201% -.0000149012 0); --tw-prose-quote-borders: lab(90.952% 0 -.0000119209); --tw-prose-captions: lab(48.496% 0 0); --tw-prose-kbd: lab(7.78201% -.0000149012 0); --tw-prose-kbd-shadows: lab(7.78201% -.0000149012 0/.1); --tw-prose-code: lab(7.78201% -.0000149012 0); --tw-prose-pre-code: lab(90.952% 0 -.0000119209); --tw-prose-pre-bg: lab(15.204% 0 -.00000596046); --tw-prose-th-borders: lab(84.92% 0 -.0000119209); --tw-prose-td-borders: lab(90.952% 0 -.0000119209); --tw-prose-invert-body: lab(84.92% 0 -.0000119209); --tw-prose-invert-lead: lab(66.128% -.0000298023 .0000119209); --tw-prose-invert-counters: lab(66.128% -.0000298023 .0000119209); --tw-prose-invert-bullets: lab(34.924% 0 0); --tw-prose-invert-hr: lab(27.036% 0 0); --tw-prose-invert-quotes: lab(96.52% -.0000298023 .0000119209); --tw-prose-invert-quote-borders: lab(27.036% 0 0); --tw-prose-invert-captions: lab(66.128% -.0000298023 .0000119209); --tw-prose-invert-pre-code: lab(84.92% 0 -.0000119209); --tw-prose-invert-th-borders: lab(34.924% 0 0); --tw-prose-invert-td-borders: lab(27.036% 0 0); }
}
.ccl .fade-in-0 { --tw-enter-opacity: 0; }
.ccl .outline-none { --tw-outline-style: none; outline-style: none; }
.ccl .select-none { user-select: none; }
.ccl .zoom-in-95 { --tw-enter-scale: .95; }
.ccl .\[--cell-size\:2rem\] { --cell-size: 2rem; }
.ccl .\[scrollbar-width\:none\] { scrollbar-width: none; }
.ccl .fade-in { --tw-enter-opacity: 0; }
.ccl .paused { animation-play-state: paused; }
.ccl .running { animation-play-state: running; }
.ccl .slide-in-from-bottom { --tw-enter-translate-y: 100%; }
.ccl .slide-in-from-bottom-3 { --tw-enter-translate-y: calc(3*var(--spacing)); }
.ccl .slide-in-from-bottom-8 { --tw-enter-translate-y: calc(8*var(--spacing)); }
.ccl .slide-in-from-top-4 { --tw-enter-translate-y: calc(4*var(--spacing)*-1); }
.ccl .group-open\:hidden:is(:where(.group):is([open], :popover-open, :open) *) { display: none; }
.ccl .group-open\:inline:is(:where(.group):is([open], :popover-open, :open) *) { display: inline; }
.ccl .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) { opacity: 1; }
@media (hover: hover){.ccl .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02; }
.ccl .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) { scale: 1.03; }
.ccl .group-hover\:bg-black\/20:is(:where(.group):hover *) { background-color: rgba(0, 0, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .group-hover\:bg-black\/20:is(:where(.group):hover *) { background-color: color-mix(in oklab,var(--color-black) 20%,transparent); }
}
.ccl .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: rgba(0, 0, 0, 0.3); }
@supports (color:color-mix(in lab,red,red)){.ccl .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: color-mix(in oklab,var(--color-black) 30%,transparent); }
}
.ccl .group-hover\:bg-black\/40:is(:where(.group):hover *) { background-color: rgba(0, 0, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .group-hover\:bg-black\/40:is(:where(.group):hover *) { background-color: color-mix(in oklab,var(--color-black) 40%,transparent); }
}
.ccl .group-hover\:text-\[\#a8c1f0\]:is(:where(.group):hover *) { color: rgb(168, 193, 240); }
.ccl .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline; }
.ccl .group-hover\:opacity-100:is(:where(.group):hover *),.ccl .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) { opacity: 1; }
}
.ccl .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) { padding-right: calc(var(--spacing) * 8); }
.ccl .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) { margin-top: calc(var(--spacing) * -8); }
.ccl .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) { display: none; }
.ccl .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important; }
.ccl .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) { width: var(--sidebar-width-icon); }
.ccl .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + 1rem); }
.ccl .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) { width: calc(var(--sidebar-width-icon) + 1rem + 2px); }
.ccl .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) { overflow: hidden; }
.ccl .group-data-\[collapsible\=icon\]\:\!p-0:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 0) !important; }
.ccl .group-data-\[collapsible\=icon\]\:\!p-2:is(:where(.group)[data-collapsible="icon"] *) { padding: calc(var(--spacing) * 2) !important; }
.ccl .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) { opacity: 0; }
.ccl .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { right: calc(var(--sidebar-width) * -1); }
.ccl .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) { left: calc(var(--sidebar-width) * -1); }
.ccl .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) { width: calc(var(--spacing) * 0); }
.ccl .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) { position: relative; }
.ccl .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) { z-index: 10; }
.ccl .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) { border-color: var(--ring); }
.ccl .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: var(--ring); }
@supports (color:color-mix(in lab,red,red)){.ccl .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); }
}
.ccl .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) { right: calc(var(--spacing) * -4); }
.ccl .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) { border-right-style: var(--tw-border-style); border-right-width: 1px; }
.ccl .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) { left: calc(var(--spacing) * 0); }
.ccl .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) { rotate: 180deg; }
.ccl .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.ccl .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; }
.ccl .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) { border-radius: var(--radius); }
.ccl .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) { border-style: var(--tw-border-style); border-width: 1px; }
.ccl .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; }
.ccl .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: 0.7; }
.ccl .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) { top: calc(var(--spacing) * 1.5); }
.ccl .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) { top: calc(var(--spacing) * 2.5); }
.ccl .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) { top: calc(var(--spacing) * 1); }
.ccl .marker\:font-bold ::marker { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .marker\:font-bold::marker { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .marker\:font-bold ::-webkit-details-marker { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .marker\:font-bold::-webkit-details-marker { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .marker\:text-primary ::marker { color: var(--primary); }
.ccl .marker\:text-primary::marker { color: var(--primary); }
.ccl .marker\:text-primary ::-webkit-details-marker { color: var(--primary); }
.ccl .marker\:text-primary::-webkit-details-marker { color: var(--primary); }
.ccl .file\:mr-3::file-selector-button { margin-right: calc(var(--spacing) * 3); }
.ccl .file\:rounded-full::file-selector-button { border-radius: 3.40282e+38px; }
.ccl .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; }
.ccl .file\:bg-primary::file-selector-button { background-color: var(--primary); }
.ccl .file\:bg-transparent::file-selector-button { background-color: rgba(0, 0, 0, 0); }
.ccl .file\:px-4::file-selector-button { padding-inline: calc(var(--spacing) * 4); }
.ccl .file\:py-2::file-selector-button { padding-block: calc(var(--spacing) * 2); }
.ccl .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.ccl .file\:font-bold::file-selector-button { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.ccl .file\:text-foreground::file-selector-button { color: var(--foreground); }
.ccl .file\:text-primary-foreground::file-selector-button { color: var(--primary-foreground); }
.ccl .placeholder\:text-muted-foreground::placeholder { color: var(--muted-foreground); }
.ccl .after\:absolute::after { content: var(--tw-content); position: absolute; }
.ccl .after\:-inset-2::after { content: var(--tw-content); inset: calc(var(--spacing) * -2); }
.ccl .after\:inset-y-0::after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); }
.ccl .after\:left-1\/2::after { content: var(--tw-content); left: 50%; }
.ccl .after\:w-1::after { content: var(--tw-content); width: calc(var(--spacing) * 1); }
.ccl .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; }
.ccl .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after { content: var(--tw-content); left: 100%; }
.ccl .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.ccl .first\:border-l:first-child { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.ccl .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.ccl .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0px; }
.ccl .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.ccl .last\:border-none:last-child { --tw-border-style: none; border-style: none; }
.ccl .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); }
@media (hover: hover){.ccl .hover\:-translate-y-0\.5:hover { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .hover\:translate-y-\[-2px\]:hover { --tw-translate-y: -2px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .hover\:scale-\[1\.02\]:hover { scale: 1.02; }
.ccl .hover\:-rotate-1:hover { rotate: -1deg; }
.ccl .hover\:border-\[\#8fb0f0\]:hover { border-color: rgb(143, 176, 240); }
.ccl .hover\:border-border:hover { border-color: var(--border); }
.ccl .hover\:border-foreground\/30:hover { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-foreground\/30:hover { border-color: color-mix(in oklab,var(--foreground) 30%,transparent); }
}
.ccl .hover\:border-foreground\/40:hover { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-foreground\/40:hover { border-color: color-mix(in oklab,var(--foreground) 40%,transparent); }
}
.ccl .hover\:border-foreground\/60:hover { border-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-foreground\/60:hover { border-color: color-mix(in oklab,var(--foreground) 60%,transparent); }
}
.ccl .hover\:border-fuchsia-500:hover { border-color: var(--color-fuchsia-500); }
.ccl .hover\:border-primary:hover,.ccl .hover\:border-primary\/40:hover { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-primary\/40:hover { border-color: color-mix(in oklab,var(--primary) 40%,transparent); }
}
.ccl .hover\:border-primary\/50:hover { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-primary\/50:hover { border-color: color-mix(in oklab,var(--primary) 50%,transparent); }
}
.ccl .hover\:border-primary\/60:hover { border-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:border-primary\/60:hover { border-color: color-mix(in oklab,var(--primary) 60%,transparent); }
}
.ccl .hover\:border-rose-300:hover { border-color: var(--color-rose-300); }
.ccl .hover\:border-rose-700:hover { border-color: var(--color-rose-700); }
.ccl .hover\:border-sky-400:hover { border-color: var(--color-sky-400); }
.ccl .hover\:border-sky-500:hover { border-color: var(--color-sky-500); }
.ccl .hover\:border-zinc-500:hover { border-color: var(--color-zinc-500); }
.ccl .hover\:border-zinc-600:hover { border-color: var(--color-zinc-600); }
.ccl .hover\:\!bg-accent:hover { background-color: var(--accent) !important; }
.ccl .hover\:bg-\[\#1e2e55\]:hover { background-color: rgb(30, 46, 85); }
.ccl .hover\:bg-\[\#3d5aa0\]:hover { background-color: rgb(61, 90, 160); }
.ccl .hover\:bg-\[\#e0bb6d\]:hover { background-color: rgb(224, 187, 109); }
.ccl .hover\:bg-\[\#ff9900\]\/20:hover { background-color: rgba(255, 153, 0, 0.2); }
.ccl .hover\:bg-accent:hover,.ccl .hover\:bg-accent\/10:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/10:hover { background-color: color-mix(in oklab,var(--accent) 10%,transparent); }
}
.ccl .hover\:bg-accent\/15:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/15:hover { background-color: color-mix(in oklab,var(--accent) 15%,transparent); }
}
.ccl .hover\:bg-accent\/20:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/20:hover { background-color: color-mix(in oklab,var(--accent) 20%,transparent); }
}
.ccl .hover\:bg-accent\/30:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/30:hover { background-color: color-mix(in oklab,var(--accent) 30%,transparent); }
}
.ccl .hover\:bg-accent\/40:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/40:hover { background-color: color-mix(in oklab,var(--accent) 40%,transparent); }
}
.ccl .hover\:bg-accent\/50:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab,var(--accent) 50%,transparent); }
}
.ccl .hover\:bg-accent\/60:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/60:hover { background-color: color-mix(in oklab,var(--accent) 60%,transparent); }
}
.ccl .hover\:bg-accent\/90:hover { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-accent\/90:hover { background-color: color-mix(in oklab,var(--accent) 90%,transparent); }
}
.ccl .hover\:bg-amber-50:hover { background-color: var(--color-amber-50); }
.ccl .hover\:bg-amber-100:hover { background-color: var(--color-amber-100); }
.ccl .hover\:bg-amber-200\/60:hover { background-color: rgba(254, 230, 133, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-amber-200\/60:hover { background-color: color-mix(in oklab,var(--color-amber-200) 60%,transparent); }
}
.ccl .hover\:bg-amber-400:hover { background-color: var(--color-amber-400); }
.ccl .hover\:bg-amber-500:hover { background-color: var(--color-amber-500); }
.ccl .hover\:bg-amber-500\/10:hover { background-color: rgba(249, 156, 0, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-amber-500\/10:hover { background-color: color-mix(in oklab,var(--color-amber-500) 10%,transparent); }
}
.ccl .hover\:bg-amber-500\/20:hover { background-color: rgba(249, 156, 0, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-amber-500\/20:hover { background-color: color-mix(in oklab,var(--color-amber-500) 20%,transparent); }
}
.ccl .hover\:bg-amber-600:hover { background-color: var(--color-amber-600); }
.ccl .hover\:bg-amber-700:hover { background-color: var(--color-amber-700); }
.ccl .hover\:bg-amber-800:hover { background-color: var(--color-amber-800); }
.ccl .hover\:bg-background:hover,.ccl .hover\:bg-background\/90:hover { background-color: var(--background); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-background\/90:hover { background-color: color-mix(in oklab,var(--background) 90%,transparent); }
}
.ccl .hover\:bg-black:hover { background-color: var(--color-black); }
.ccl .hover\:bg-black\/70:hover { background-color: rgba(0, 0, 0, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-black\/70:hover { background-color: color-mix(in oklab,var(--color-black) 70%,transparent); }
}
.ccl .hover\:bg-black\/80:hover { background-color: rgba(0, 0, 0, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-black\/80:hover { background-color: color-mix(in oklab,var(--color-black) 80%,transparent); }
}
.ccl .hover\:bg-black\/90:hover { background-color: rgba(0, 0, 0, 0.9); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-black\/90:hover { background-color: color-mix(in oklab,var(--color-black) 90%,transparent); }
}
.ccl .hover\:bg-blue-50:hover { background-color: var(--color-blue-50); }
.ccl .hover\:bg-blue-100:hover { background-color: var(--color-blue-100); }
.ccl .hover\:bg-blue-500:hover { background-color: var(--color-blue-500); }
.ccl .hover\:bg-card:hover { background-color: var(--card); }
.ccl .hover\:bg-destructive:hover,.ccl .hover\:bg-destructive\/10:hover { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab,var(--destructive) 10%,transparent); }
}
.ccl .hover\:bg-destructive\/80:hover { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab,var(--destructive) 80%,transparent); }
}
.ccl .hover\:bg-destructive\/90:hover { background-color: var(--destructive); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab,var(--destructive) 90%,transparent); }
}
.ccl .hover\:bg-emerald-400:hover { background-color: var(--color-emerald-400); }
.ccl .hover\:bg-emerald-500:hover { background-color: var(--color-emerald-500); }
.ccl .hover\:bg-emerald-500\/20:hover { background-color: rgba(0, 187, 127, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-emerald-500\/20:hover { background-color: color-mix(in oklab,var(--color-emerald-500) 20%,transparent); }
}
.ccl .hover\:bg-emerald-600:hover { background-color: var(--color-emerald-600); }
.ccl .hover\:bg-emerald-700:hover { background-color: var(--color-emerald-700); }
.ccl .hover\:bg-foreground\/5:hover { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-foreground\/5:hover { background-color: color-mix(in oklab,var(--foreground) 5%,transparent); }
}
.ccl .hover\:bg-foreground\/10:hover { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-foreground\/10:hover { background-color: color-mix(in oklab,var(--foreground) 10%,transparent); }
}
.ccl .hover\:bg-foreground\/20:hover { background-color: var(--foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-foreground\/20:hover { background-color: color-mix(in oklab,var(--foreground) 20%,transparent); }
}
.ccl .hover\:bg-fuchsia-100:hover { background-color: var(--color-fuchsia-100); }
.ccl .hover\:bg-fuchsia-500:hover { background-color: var(--color-fuchsia-500); }
.ccl .hover\:bg-green-600:hover { background-color: var(--color-green-600); }
.ccl .hover\:bg-indigo-100:hover { background-color: var(--color-indigo-100); }
.ccl .hover\:bg-indigo-500:hover { background-color: var(--color-indigo-500); }
.ccl .hover\:bg-muted:hover,.ccl .hover\:bg-muted\/40:hover { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-muted\/40:hover { background-color: color-mix(in oklab,var(--muted) 40%,transparent); }
}
.ccl .hover\:bg-muted\/50:hover { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab,var(--muted) 50%,transparent); }
}
.ccl .hover\:bg-muted\/80:hover { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-muted\/80:hover { background-color: color-mix(in oklab,var(--muted) 80%,transparent); }
}
.ccl .hover\:bg-neutral-100:hover { background-color: var(--color-neutral-100); }
.ccl .hover\:bg-pink-200\/60:hover { background-color: rgba(252, 206, 232, 0.6); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-pink-200\/60:hover { background-color: color-mix(in oklab,var(--color-pink-200) 60%,transparent); }
}
.ccl .hover\:bg-pink-600:hover { background-color: var(--color-pink-600); }
.ccl .hover\:bg-pink-700:hover { background-color: var(--color-pink-700); }
.ccl .hover\:bg-primary-foreground\/15:hover { background-color: var(--primary-foreground); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-primary-foreground\/15:hover { background-color: color-mix(in oklab,var(--primary-foreground) 15%,transparent); }
}
.ccl .hover\:bg-primary\/10:hover { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab,var(--primary) 10%,transparent); }
}
.ccl .hover\:bg-primary\/20:hover { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab,var(--primary) 20%,transparent); }
}
.ccl .hover\:bg-primary\/80:hover { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab,var(--primary) 80%,transparent); }
}
.ccl .hover\:bg-primary\/90:hover { background-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-primary\/90:hover { background-color: color-mix(in oklab,var(--primary) 90%,transparent); }
}
.ccl .hover\:bg-purple-500:hover { background-color: var(--color-purple-500); }
.ccl .hover\:bg-purple-700:hover { background-color: var(--color-purple-700); }
.ccl .hover\:bg-red-100:hover { background-color: var(--color-red-100); }
.ccl .hover\:bg-red-600:hover { background-color: var(--color-red-600); }
.ccl .hover\:bg-red-600\/80:hover { background-color: rgba(228, 0, 20, 0.8); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-red-600\/80:hover { background-color: color-mix(in oklab,var(--color-red-600) 80%,transparent); }
}
.ccl .hover\:bg-red-700:hover { background-color: var(--color-red-700); }
.ccl .hover\:bg-red-950:hover { background-color: var(--color-red-950); }
.ccl .hover\:bg-rose-100:hover { background-color: var(--color-rose-100); }
.ccl .hover\:bg-rose-400:hover { background-color: var(--color-rose-400); }
.ccl .hover\:bg-rose-500:hover { background-color: var(--color-rose-500); }
.ccl .hover\:bg-rose-500\/10:hover { background-color: rgba(255, 35, 87, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-rose-500\/10:hover { background-color: color-mix(in oklab,var(--color-rose-500) 10%,transparent); }
}
.ccl .hover\:bg-rose-700:hover { background-color: var(--color-rose-700); }
.ccl .hover\:bg-rose-950\/40:hover { background-color: rgba(77, 2, 24, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-rose-950\/40:hover { background-color: color-mix(in oklab,var(--color-rose-950) 40%,transparent); }
}
.ccl .hover\:bg-secondary\/80:hover { background-color: var(--secondary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab,var(--secondary) 80%,transparent); }
}
.ccl .hover\:bg-sky-50:hover { background-color: var(--color-sky-50); }
.ccl .hover\:bg-sky-100:hover { background-color: var(--color-sky-100); }
.ccl .hover\:bg-sky-400:hover { background-color: var(--color-sky-400); }
.ccl .hover\:bg-sky-500:hover { background-color: var(--color-sky-500); }
.ccl .hover\:bg-sky-500\/5:hover { background-color: rgba(0, 165, 239, 0.05); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-sky-500\/5:hover { background-color: color-mix(in oklab,var(--color-sky-500) 5%,transparent); }
}
.ccl .hover\:bg-sky-500\/10:hover { background-color: rgba(0, 165, 239, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-sky-500\/10:hover { background-color: color-mix(in oklab,var(--color-sky-500) 10%,transparent); }
}
.ccl .hover\:bg-sky-600:hover { background-color: var(--color-sky-600); }
.ccl .hover\:bg-sky-700:hover { background-color: var(--color-sky-700); }
.ccl .hover\:bg-slate-500:hover { background-color: var(--color-slate-500); }
.ccl .hover\:bg-slate-600:hover { background-color: var(--color-slate-600); }
.ccl .hover\:bg-slate-700:hover { background-color: var(--color-slate-700); }
.ccl .hover\:bg-stone-100:hover { background-color: var(--color-stone-100); }
.ccl .hover\:bg-white:hover { background-color: var(--color-white); }
.ccl .hover\:bg-white\/10:hover { background-color: rgba(255, 255, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-white\/10:hover { background-color: color-mix(in oklab,var(--color-white) 10%,transparent); }
}
.ccl .hover\:bg-white\/20:hover { background-color: rgba(255, 255, 255, 0.2); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-white\/20:hover { background-color: color-mix(in oklab,var(--color-white) 20%,transparent); }
}
.ccl .hover\:bg-yellow-300:hover { background-color: var(--color-yellow-300); }
.ccl .hover\:bg-zinc-700:hover { background-color: var(--color-zinc-700); }
.ccl .hover\:bg-zinc-800:hover { background-color: var(--color-zinc-800); }
.ccl .hover\:bg-zinc-800\/50:hover { background-color: rgba(39, 39, 42, 0.5); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:bg-zinc-800\/50:hover { background-color: color-mix(in oklab,var(--color-zinc-800) 50%,transparent); }
}
.ccl .hover\:to-primary\/10:hover { --tw-gradient-to: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:to-primary\/10:hover { --tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent); }
}
.ccl .hover\:to-primary\/10:hover { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.ccl .hover\:text-accent-foreground:hover { color: var(--accent-foreground); }
.ccl .hover\:text-amber-100:hover { color: var(--color-amber-100); }
.ccl .hover\:text-amber-600:hover { color: var(--color-amber-600); }
.ccl .hover\:text-amber-800:hover { color: var(--color-amber-800); }
.ccl .hover\:text-destructive:hover { color: var(--destructive); }
.ccl .hover\:text-destructive-foreground:hover { color: var(--destructive-foreground); }
.ccl .hover\:text-emerald-600:hover { color: var(--color-emerald-600); }
.ccl .hover\:text-foreground:hover { color: var(--foreground); }
.ccl .hover\:text-fuchsia-100:hover { color: var(--color-fuchsia-100); }
.ccl .hover\:text-muted-foreground:hover { color: var(--muted-foreground); }
.ccl .hover\:text-pink-600:hover { color: var(--color-pink-600); }
.ccl .hover\:text-primary:hover { color: var(--primary); }
.ccl .hover\:text-red-300:hover { color: var(--color-red-300); }
.ccl .hover\:text-red-600:hover { color: var(--color-red-600); }
.ccl .hover\:text-rose-500:hover { color: var(--color-rose-500); }
.ccl .hover\:text-rose-600:hover { color: var(--color-rose-600); }
.ccl .hover\:text-sky-600:hover { color: var(--color-sky-600); }
.ccl .hover\:text-sky-700:hover { color: var(--color-sky-700); }
.ccl .hover\:text-white:hover { color: var(--color-white); }
.ccl .hover\:text-zinc-100:hover { color: var(--color-zinc-100); }
.ccl .hover\:text-zinc-200:hover { color: var(--color-zinc-200); }
.ccl .hover\:underline:hover { text-decoration-line: underline; }
.ccl .hover\:decoration-primary:hover { text-decoration-color: var(--primary); }
.ccl .hover\:opacity-70:hover { opacity: 0.7; }
.ccl .hover\:opacity-80:hover { opacity: 0.8; }
.ccl .hover\:opacity-90:hover { opacity: 0.9; }
.ccl .hover\:opacity-100:hover { opacity: 1; }
.ccl .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover { --tw-shadow: 0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .hover\:shadow-sm:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .hover\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .hover\:ring-amber-500:hover { --tw-ring-color: var(--color-amber-500); }
.ccl .hover\:ring-primary:hover,.ccl .hover\:ring-primary\/40:hover { --tw-ring-color: var(--primary); }
@supports (color:color-mix(in lab,red,red)){.ccl .hover\:ring-primary\/40:hover { --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent); }
}
}
.ccl .focus\:border-amber-500:focus { border-color: var(--color-amber-500); }
.ccl .focus\:border-rose-700:focus { border-color: var(--color-rose-700); }
.ccl .focus\:bg-accent:focus { background-color: var(--accent); }
.ccl .focus\:text-accent-foreground:focus { color: var(--accent-foreground); }
.ccl .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .focus\:ring-amber-400:focus { --tw-ring-color: var(--color-amber-400); }
.ccl .focus\:ring-primary:focus { --tw-ring-color: var(--primary); }
.ccl .focus\:ring-ring:focus { --tw-ring-color: var(--ring); }
.ccl .focus\:ring-sky-400:focus { --tw-ring-color: var(--color-sky-400); }
.ccl .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ccl .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; }
.ccl .focus-visible\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--primary); }
.ccl .focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--ring); }
.ccl .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ccl .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); }
.ccl .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); }
.ccl .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; }
.ccl .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); }
.ccl .active\:scale-\[0\.98\]:active { scale: 0.98; }
.ccl .active\:bg-accent\/20:active { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .active\:bg-accent\/20:active { background-color: color-mix(in oklab,var(--accent) 20%,transparent); }
}
.ccl .disabled\:pointer-events-none:disabled { pointer-events: none; }
.ccl .disabled\:cursor-default:disabled { cursor: default; }
.ccl .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }
.ccl .disabled\:bg-amber-500\/40:disabled { background-color: rgba(249, 156, 0, 0.4); }
@supports (color:color-mix(in lab,red,red)){.ccl .disabled\:bg-amber-500\/40:disabled { background-color: color-mix(in oklab,var(--color-amber-500) 40%,transparent); }
}
.ccl .disabled\:bg-slate-700:disabled { background-color: var(--color-slate-700); }
.ccl .disabled\:bg-zinc-800:disabled { background-color: var(--color-zinc-800); }
.ccl .disabled\:text-zinc-500:disabled { color: var(--color-zinc-500); }
.ccl .disabled\:opacity-30:disabled { opacity: 0.3; }
.ccl .disabled\:opacity-40:disabled { opacity: 0.4; }
.ccl .disabled\:opacity-50:disabled { opacity: 0.5; }
.ccl .disabled\:opacity-60:disabled { opacity: 0.6; }
.ccl .has-focus\:border-ring:has(:focus) { border-color: var(--ring); }
.ccl .has-focus\:ring-\[3px\]:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: var(--ring); }
@supports (color:color-mix(in lab,red,red)){.ccl .has-focus\:ring-ring\/50:has(:focus) { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); }
}
.ccl .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; }
.ccl .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; }
.ccl .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; }
.ccl .aria-selected\:text-muted-foreground[aria-selected="true"] { color: var(--muted-foreground); }
.ccl .data-\[active\=true\]\:font-medium[data-active="true"] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.ccl .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; }
.ccl .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; }
.ccl .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; }
.ccl .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; }
.ccl .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: calc(52*var(--spacing)); }
.ccl .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: calc(52*var(--spacing)*-1); }
.ccl .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: calc(52*var(--spacing)); }
.ccl .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: calc(52*var(--spacing)*-1); }
.ccl .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; }
.ccl .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; }
.ccl .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; }
.ccl .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; }
.ccl .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; }
.ccl .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: calc(var(--spacing) * 0); }
.ccl .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: calc(var(--spacing) * 1); }
.ccl .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; }
.ccl .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); }
.ccl .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] { border-radius: calc(var(--radius) - 2px); }
.ccl .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] { background-color: var(--primary); }
.ccl .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] { color: var(--primary-foreground); }
.ccl .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] { border-radius: 0px; }
.ccl .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] { background-color: var(--accent); }
.ccl .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] { color: var(--accent-foreground); }
.ccl .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] { border-radius: calc(var(--radius) - 2px); }
.ccl .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] { background-color: var(--primary); }
.ccl .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] { color: var(--primary-foreground); }
.ccl .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] { background-color: var(--primary); }
.ccl .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] { color: var(--primary-foreground); }
.ccl .data-\[selected\=true\]\:rounded-none[data-selected="true"] { border-radius: 0px; }
.ccl .data-\[selected\=true\]\:bg-accent[data-selected="true"] { background-color: var(--accent); }
.ccl .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); }
.ccl .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2*var(--spacing)*-1); }
.ccl .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2*var(--spacing)); }
.ccl .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2*var(--spacing)*-1); }
.ccl .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2*var(--spacing)); }
.ccl .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: var(--background); }
.ccl .data-\[state\=active\]\:text-foreground[data-state="active"] { color: var(--foreground); }
.ccl .data-\[state\=active\]\:shadow[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); }
.ccl .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); }
.ccl .data-\[state\=closed\]\:translate-y-0[data-state="closed"] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: 0.3s; }
.ccl .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; }
.ccl .data-\[state\=closed\]\:slide-out-to-left-0[data-state="closed"] { --tw-exit-translate-x: -0%; }
.ccl .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; }
.ccl .data-\[state\=closed\]\:zoom-out-100[data-state="closed"] { --tw-exit-scale: 1; }
.ccl .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; }
.ccl .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; }
.ccl .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; }
.ccl .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; }
.ccl .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; }
.ccl .data-\[state\=inactive\]\:hidden[data-state="inactive"] { display: none; }
.ccl .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: var(--accent); }
.ccl .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: var(--accent-foreground); }
.ccl .data-\[state\=open\]\:translate-y-0[data-state="open"] { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=open\]\:bg-accent[data-state="open"],.ccl .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: var(--accent); }
@supports (color:color-mix(in lab,red,red)){.ccl .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: color-mix(in oklab,var(--accent) 50%,transparent); }
}
.ccl .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); }
.ccl .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); }
.ccl .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); }
.ccl .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; }
.ccl .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: 0.5s; }
.ccl .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; }
.ccl .data-\[state\=open\]\:slide-in-from-left-0[data-state="open"] { --tw-enter-translate-x: -0%; }
.ccl .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; }
.ccl .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; }
.ccl .data-\[state\=open\]\:zoom-in-100[data-state="open"] { --tw-enter-scale: 1; }
.ccl .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; }
.ccl .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; }
.ccl .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; }
.ccl .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; }
@media (hover: hover){.ccl .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover { background-color: var(--accent); }
}
.ccl .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus { background-color: var(--accent); }
.ccl .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: var(--muted); }
.ccl .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: var(--input); }
.ccl .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); }
.ccl .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; }
@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.ccl .supports-\[backdrop-filter\]\:bg-amber-50\/70 { background-color: rgba(255, 251, 235, 0.7); }
@supports (color:color-mix(in lab,red,red)){.ccl .supports-\[backdrop-filter\]\:bg-amber-50\/70 { background-color: color-mix(in oklab,var(--color-amber-50) 70%,transparent); }
}
}
@media not all and (min-width: 40rem){.ccl .max-sm\:\!top-0 { top: calc(var(--spacing) * 0) !important; }
.ccl .max-sm\:\!left-0 { left: calc(var(--spacing) * 0) !important; }
.ccl .max-sm\:h-\[100dvh\] { height: 100dvh; }
.ccl .max-sm\:w-screen { width: 100vw; }
.ccl .max-sm\:\!max-w-none { max-width: none !important; }
.ccl .max-sm\:\!translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
.ccl .max-sm\:\!translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
.ccl .max-sm\:\!rounded-none { border-radius: 0px !important; }
.ccl .max-sm\:border-0 { border-style: var(--tw-border-style); border-width: 0px; }
}
@media (min-width: 2100px){.ccl .min-\[2100px\]\:flex { display: flex; }
}
@media (min-width: 40rem){.ccl .sm\:pointer-events-auto { pointer-events: auto; }
.ccl .sm\:top-\[50\%\] { top: 50%; }
.ccl .sm\:right-6 { right: calc(var(--spacing) * 6); }
.ccl .sm\:right-auto { right: auto; }
.ccl .sm\:bottom-6 { bottom: calc(var(--spacing) * 6); }
.ccl .sm\:bottom-auto { bottom: auto; }
.ccl .sm\:left-1\/2,.ccl .sm\:left-\[50\%\] { left: 50%; }
.ccl .sm\:left-auto { left: auto; }
.ccl .sm\:col-span-1 { grid-column: span 1 / span 1; }
.ccl .sm\:col-span-2 { grid-column: span 2 / span 2; }
.ccl .sm\:col-span-5 { grid-column: span 5 / span 5; }
.ccl .sm\:mx-auto { margin-inline: auto; }
.ccl .sm\:prose-base { font-size: 1rem; line-height: 1.75; }
.ccl .sm\:prose-base :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
.ccl .sm\:prose-base :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; }
.ccl .sm\:prose-base :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; }
.ccl .sm\:prose-base :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0.888889em; font-size: 2.25em; line-height: 1.11111; }
.ccl .sm\:prose-base :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; line-height: 1.33333; }
.ccl .sm\:prose-base :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: 0.6em; font-size: 1.25em; line-height: 1.6; }
.ccl .sm\:prose-base :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; }
.ccl .sm\:prose-base :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .sm\:prose-base :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .sm\:prose-base :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .sm\:prose-base :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.1875em; padding-inline: 0.375em; padding-bottom: 0.1875em; border-radius: 0.3125rem; font-size: 0.875em; }
.ccl .sm\:prose-base :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.875em; }
.ccl .sm\:prose-base :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.9em; }
.ccl .sm\:prose-base :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.857143em; padding-inline: 1.14286em; padding-bottom: 0.857143em; border-radius: 0.375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: 0.875em; line-height: 1.71429; }
.ccl .sm\:prose-base :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; }
.ccl .sm\:prose-base :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; }
.ccl .sm\:prose-base :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0.375em; }
.ccl .sm\:prose-base :where(.sm\:prose-base > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
.ccl .sm\:prose-base :where(.sm\:prose-base > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
.ccl .sm\:prose-base :where(.sm\:prose-base > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
.ccl .sm\:prose-base :where(.sm\:prose-base > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
.ccl .sm\:prose-base :where(.sm\:prose-base > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; }
.ccl .sm\:prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; }
.ccl .sm\:prose-base :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; }
.ccl .sm\:prose-base :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; }
.ccl .sm\:prose-base :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; }
.ccl .sm\:prose-base :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 3em; margin-bottom: 3em; }
.ccl .sm\:prose-base :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .sm\:prose-base :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .sm\:prose-base :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: 0.875em; line-height: 1.71429; }
.ccl .sm\:prose-base :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: 0.571429em; padding-bottom: 0.571429em; }
.ccl .sm\:prose-base :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .sm\:prose-base :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .sm\:prose-base :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: 0.571429em; padding-inline: 0.571429em; padding-bottom: 0.571429em; }
.ccl .sm\:prose-base :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0px; }
.ccl .sm\:prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0px; }
.ccl .sm\:prose-base :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; }
.ccl .sm\:prose-base :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; margin-bottom: 0px; }
.ccl .sm\:prose-base :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0.857143em; font-size: 0.875em; line-height: 1.42857; }
.ccl .sm\:prose-base :where(.sm\:prose-base > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0px; }
.ccl .sm\:prose-base :where(.sm\:prose-base > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0px; }
.ccl .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); }
.ccl .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); }
.ccl .sm\:mt-24 { margin-top: calc(var(--spacing) * 24); }
.ccl .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); }
.ccl .sm\:ml-10 { margin-left: calc(var(--spacing) * 10); }
.ccl .sm\:block { display: block; }
.ccl .sm\:flex { display: flex; }
.ccl .sm\:hidden { display: none; }
.ccl .sm\:inline { display: inline; }
.ccl .sm\:inline-flex { display: inline-flex; }
.ccl .sm\:aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.ccl .sm\:h-8 { height: calc(var(--spacing) * 8); }
.ccl .sm\:h-24 { height: calc(var(--spacing) * 24); }
.ccl .sm\:h-48 { height: calc(var(--spacing) * 48); }
.ccl .sm\:h-56 { height: calc(var(--spacing) * 56); }
.ccl .sm\:h-auto { height: auto; }
.ccl .sm\:max-h-\[85vh\] { max-height: 85vh; }
.ccl .sm\:max-h-\[92vh\] { max-height: 92vh; }
.ccl .sm\:max-h-\[calc\(100vh-3rem\)\] { max-height: calc(-3rem + 100vh); }
.ccl .sm\:min-h-9 { min-height: calc(var(--spacing) * 9); }
.ccl .sm\:w-24 { width: calc(var(--spacing) * 24); }
.ccl .sm\:w-32 { width: calc(var(--spacing) * 32); }
.ccl .sm\:w-36 { width: calc(var(--spacing) * 36); }
.ccl .sm\:w-48 { width: calc(var(--spacing) * 48); }
.ccl .sm\:w-\[400px\] { width: 400px; }
.ccl .sm\:w-\[calc\(100vw-1\.5rem\)\] { width: calc(-1.5rem + 100vw); }
.ccl .sm\:w-auto { width: auto; }
.ccl .sm\:w-full { width: 100%; }
.ccl .sm\:max-w-3xl { max-width: var(--container-3xl); }
.ccl .sm\:max-w-lg { max-width: var(--container-lg); }
.ccl .sm\:max-w-md { max-width: var(--container-md); }
.ccl .sm\:max-w-sm { max-width: var(--container-sm); }
.ccl .sm\:max-w-xl { max-width: var(--container-xl); }
.ccl .sm\:flex-1 { flex: 1 1 0%; }
.ccl .sm\:-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .sm\:\!translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; }
.ccl .sm\:-translate-y-1\/2 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.ccl .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ccl .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.ccl .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.ccl .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.ccl .sm\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; }
.ccl .sm\:grid-cols-\[160px_1fr\] { grid-template-columns: 160px 1fr; }
.ccl .sm\:flex-row { flex-direction: row; }
.ccl .sm\:flex-wrap { flex-wrap: wrap; }
.ccl .sm\:items-baseline { align-items: baseline; }
.ccl .sm\:items-center { align-items: center; }
.ccl .sm\:items-end { align-items: flex-end; }
.ccl .sm\:justify-between { justify-content: space-between; }
.ccl .sm\:justify-end { justify-content: flex-end; }
.ccl .sm\:gap-2 { gap: calc(var(--spacing) * 2); }
.ccl .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
.ccl .sm\:gap-3 { gap: calc(var(--spacing) * 3); }
.ccl .sm\:gap-4 { gap: calc(var(--spacing) * 4); }
.ccl .sm\:gap-5 { gap: calc(var(--spacing) * 5); }
.ccl :where(.sm\:space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); }
.ccl .sm\:self-center { align-self: center; }
.ccl .sm\:rounded-2xl { border-radius: calc(var(--radius) + 12px); }
.ccl .sm\:rounded-lg { border-radius: var(--radius); }
.ccl .sm\:rounded-t-3xl { border-top-left-radius: calc(var(--radius) + 20px); border-top-right-radius: calc(var(--radius) + 20px); }
.ccl .sm\:p-0 { padding: calc(var(--spacing) * 0); }
.ccl .sm\:p-4 { padding: calc(var(--spacing) * 4); }
.ccl .sm\:p-5 { padding: calc(var(--spacing) * 5); }
.ccl .sm\:p-6 { padding: calc(var(--spacing) * 6); }
.ccl .sm\:p-7 { padding: calc(var(--spacing) * 7); }
.ccl .sm\:p-8 { padding: calc(var(--spacing) * 8); }
.ccl .sm\:px-2 { padding-inline: calc(var(--spacing) * 2); }
.ccl .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); }
.ccl .sm\:px-5 { padding-inline: calc(var(--spacing) * 5); }
.ccl .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); }
.ccl .sm\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
.ccl .sm\:py-8 { padding-block: calc(var(--spacing) * 8); }
.ccl .sm\:py-10 { padding-block: calc(var(--spacing) * 10); }
.ccl .sm\:py-12 { padding-block: calc(var(--spacing) * 12); }
.ccl .sm\:py-20 { padding-block: calc(var(--spacing) * 20); }
.ccl .sm\:py-24 { padding-block: calc(var(--spacing) * 24); }
.ccl .sm\:pt-20 { padding-top: calc(var(--spacing) * 20); }
.ccl .sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6); }
.ccl .sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.ccl .sm\:pb-28 { padding-bottom: calc(var(--spacing) * 28); }
.ccl .sm\:text-left { text-align: left; }
.ccl .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); }
.ccl .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.ccl .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
.ccl .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
.ccl .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
.ccl .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.ccl .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.ccl .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.ccl .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.ccl .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.ccl .sm\:\!opacity-100 { opacity: 1 !important; }
}
@media (min-width: 48rem){.ccl .md\:absolute { position: absolute; }
.ccl .md\:top-3 { top: calc(var(--spacing) * 3); }
.ccl .md\:right-auto { right: auto; }
.ccl .md\:-bottom-14 { bottom: calc(var(--spacing) * -14); }
.ccl .md\:left-1\/2 { left: 50%; }
.ccl .md\:left-6 { left: calc(var(--spacing) * 6); }
.ccl .md\:col-span-2 { grid-column: span 2 / span 2; }
.ccl .md\:col-span-3 { grid-column: span 3 / span 3; }
.ccl .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20); }
.ccl .md\:block { display: block; }
.ccl .md\:flex { display: flex; }
.ccl .md\:inline { display: inline; }
.ccl .md\:h-28 { height: calc(var(--spacing) * 28); }
.ccl .md\:h-64 { height: calc(var(--spacing) * 64); }
.ccl .md\:max-h-\[85vh\] { max-height: 85vh; }
.ccl .md\:max-h-\[90vh\] { max-height: 90vh; }
.ccl .md\:max-h-\[92vh\] { max-height: 92vh; }
.ccl .md\:min-h-\[480px\] { min-height: 480px; }
.ccl .md\:w-1\/2 { width: 50%; }
.ccl .md\:w-2\/5 { width: 40%; }
.ccl .md\:w-28 { width: calc(var(--spacing) * 28); }
.ccl .md\:w-32 { width: calc(var(--spacing) * 32); }
.ccl .md\:w-48 { width: calc(var(--spacing) * 48); }
.ccl .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); }
.ccl .md\:w-auto { width: auto; }
.ccl .md\:max-w-\[95vw\] { max-width: 95vw; }
.ccl .md\:shrink-0 { flex-shrink: 0; }
.ccl .md\:-translate-x-1\/2 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.ccl .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ccl .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.ccl .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.ccl .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
.ccl .md\:grid-cols-\[1fr_220px\] { grid-template-columns: 1fr 220px; }
.ccl .md\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; }
.ccl .md\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; }
.ccl .md\:grid-cols-\[minmax\(0\,1fr\)_320px\] { grid-template-columns: minmax(0px, 1fr) 320px; }
.ccl .md\:flex-row { flex-direction: row; }
.ccl .md\:flex-wrap { flex-wrap: wrap; }
.ccl .md\:items-end { align-items: flex-end; }
.ccl .md\:justify-center { justify-content: center; }
.ccl .md\:gap-8 { gap: calc(var(--spacing) * 8); }
.ccl .md\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; }
.ccl .md\:border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px; }
.ccl .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.ccl .md\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; }
.ccl .md\:p-5 { padding: calc(var(--spacing) * 5); }
.ccl .md\:p-6 { padding: calc(var(--spacing) * 6); }
.ccl .md\:p-8 { padding: calc(var(--spacing) * 8); }
.ccl .md\:p-12 { padding: calc(var(--spacing) * 12); }
.ccl .md\:p-16 { padding: calc(var(--spacing) * 16); }
.ccl .md\:py-12 { padding-block: calc(var(--spacing) * 12); }
.ccl .md\:py-24 { padding-block: calc(var(--spacing) * 24); }
.ccl .md\:pl-36 { padding-left: calc(var(--spacing) * 36); }
.ccl .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.ccl .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height)); }
.ccl .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
.ccl .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
.ccl .md\:text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height)); }
.ccl .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
.ccl .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.ccl .md\:opacity-0 { opacity: 0; }
.ccl .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) { margin: calc(var(--spacing) * 2); }
.ccl .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 0); }
.ccl .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) { border-radius: calc(var(--radius) + 6px); }
.ccl .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2:is(:where(.peer)[data-state="collapsed"] ~ *):is(:where(.peer)[data-variant="inset"] ~ *) { margin-left: calc(var(--spacing) * 2); }
}
.ccl .after\:md\:hidden::after { content: var(--tw-content); }
@media (min-width: 48rem){.ccl .after\:md\:hidden::after { display: none; }
}
@media (min-width: 64rem){.ccl .lg\:col-span-2 { grid-column: span 2 / span 2; }
.ccl .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.ccl .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ccl .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.ccl .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.ccl .lg\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; }
.ccl .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); }
.ccl .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); }
.ccl .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
}
@media (min-width: 80rem){.ccl .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}
.dark .ccl\:border-amber-900\/50:is(.dark *) { border-color: rgba(123, 51, 6, 0.5); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:border-amber-900\/50:is(.dark *) { border-color: color-mix(in oklab,var(--color-amber-900) 50%,transparent); }
}
.dark .ccl\:border-destructive:is(.dark *) { border-color: var(--destructive); }
.dark .ccl\:border-sky-900:is(.dark *) { border-color: var(--color-sky-900); }
.dark .ccl\:\!bg-\[oklch\(0\.32_0\.12_150\)\]:is(.dark *) { background-color: lab(22.5651 -37.1727 25.8038) !important; }
.dark .ccl\:\!bg-\[oklch\(0\.34_0\.13_240\)\]:is(.dark *) { background-color: lab(22.9216 -5.67551 -39.8527) !important; }
.dark .ccl\:\!bg-\[oklch\(0\.34_0\.16_25\)\]:is(.dark *) { background-color: lab(21.7647 51.0418 34.0786) !important; }
.dark .ccl\:\!bg-\[oklch\(0\.36_0\.13_70\)\]:is(.dark *) { background-color: lab(25.2515 24.6844 58.0432) !important; }
.dark .ccl\:bg-amber-800:is(.dark *) { background-color: var(--color-amber-800); }
.dark .ccl\:bg-amber-950:is(.dark *) { background-color: var(--color-amber-950); }
.dark .ccl\:bg-amber-950\/20:is(.dark *) { background-color: rgba(70, 25, 1, 0.2); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-amber-950\/20:is(.dark *) { background-color: color-mix(in oklab,var(--color-amber-950) 20%,transparent); }
}
.dark .ccl\:bg-amber-950\/30:is(.dark *) { background-color: rgba(70, 25, 1, 0.3); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-amber-950\/30:is(.dark *) { background-color: color-mix(in oklab,var(--color-amber-950) 30%,transparent); }
}
.dark .ccl\:bg-blue-950:is(.dark *) { background-color: var(--color-blue-950); }
.dark .ccl\:bg-emerald-900:is(.dark *) { background-color: var(--color-emerald-900); }
.dark .ccl\:bg-emerald-950:is(.dark *) { background-color: var(--color-emerald-950); }
.dark .ccl\:bg-emerald-950\/20:is(.dark *) { background-color: rgba(0, 44, 34, 0.2); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-emerald-950\/20:is(.dark *) { background-color: color-mix(in oklab,var(--color-emerald-950) 20%,transparent); }
}
.dark .ccl\:bg-emerald-950\/30:is(.dark *) { background-color: rgba(0, 44, 34, 0.3); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-emerald-950\/30:is(.dark *) { background-color: color-mix(in oklab,var(--color-emerald-950) 30%,transparent); }
}
.dark .ccl\:bg-emerald-950\/40:is(.dark *) { background-color: rgba(0, 44, 34, 0.4); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-emerald-950\/40:is(.dark *) { background-color: color-mix(in oklab,var(--color-emerald-950) 40%,transparent); }
}
.dark .ccl\:bg-red-950\/30:is(.dark *) { background-color: rgba(70, 8, 9, 0.3); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-red-950\/30:is(.dark *) { background-color: color-mix(in oklab,var(--color-red-950) 30%,transparent); }
}
.dark .ccl\:bg-red-950\/40:is(.dark *) { background-color: rgba(70, 8, 9, 0.4); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-red-950\/40:is(.dark *) { background-color: color-mix(in oklab,var(--color-red-950) 40%,transparent); }
}
.dark .ccl\:bg-sky-950\/20:is(.dark *) { background-color: rgba(5, 47, 74, 0.2); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:bg-sky-950\/20:is(.dark *) { background-color: color-mix(in oklab,var(--color-sky-950) 20%,transparent); }
}
.dark .ccl\:from-amber-950\/20:is(.dark *) { --tw-gradient-from: #46190133; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:from-amber-950\/20:is(.dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 20%, transparent); }
}
.dark .ccl\:from-amber-950\/20:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:from-amber-950\/40:is(.dark *) { --tw-gradient-from: #46190166; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:from-amber-950\/40:is(.dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-950) 40%, transparent); }
}
.dark .ccl\:from-amber-950\/40:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:from-emerald-950:is(.dark *) { --tw-gradient-from: var(--color-emerald-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:from-emerald-950\/40:is(.dark *) { --tw-gradient-from: #002c2266; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:from-emerald-950\/40:is(.dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-950) 40%, transparent); }
}
.dark .ccl\:from-emerald-950\/40:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:from-sky-500\/10:is(.dark *) { --tw-gradient-from: #00a5ef1a; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:from-sky-500\/10:is(.dark *) { --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 10%, transparent); }
}
.dark .ccl\:from-sky-500\/10:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:from-slate-900:is(.dark *) { --tw-gradient-from: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:via-teal-900\/20:is(.dark *) { --tw-gradient-via: #0b4f4a33; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:via-teal-900\/20:is(.dark *) { --tw-gradient-via: color-mix(in oklab, var(--color-teal-900) 20%, transparent); }
}
.dark .ccl\:via-teal-900\/20:is(.dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.dark .ccl\:via-yellow-900\/20:is(.dark *) { --tw-gradient-via: #733e0a33; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:via-yellow-900\/20:is(.dark *) { --tw-gradient-via: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); }
}
.dark .ccl\:via-yellow-900\/20:is(.dark *) { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); }
.dark .ccl\:to-amber-950:is(.dark *) { --tw-gradient-to: var(--color-amber-950); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:to-amber-950\/40:is(.dark *) { --tw-gradient-to: #46190166; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:to-amber-950\/40:is(.dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-amber-950) 40%, transparent); }
}
.dark .ccl\:to-amber-950\/40:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:to-emerald-950\/40:is(.dark *) { --tw-gradient-to: #002c2266; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:to-emerald-950\/40:is(.dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-950) 40%, transparent); }
}
.dark .ccl\:to-emerald-950\/40:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:to-indigo-500\/10:is(.dark *) { --tw-gradient-to: #625fff1a; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:to-indigo-500\/10:is(.dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); }
}
.dark .ccl\:to-indigo-500\/10:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:to-slate-800:is(.dark *) { --tw-gradient-to: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:to-yellow-900\/20:is(.dark *) { --tw-gradient-to: #733e0a33; }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:to-yellow-900\/20:is(.dark *) { --tw-gradient-to: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); }
}
.dark .ccl\:to-yellow-900\/20:is(.dark *) { --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }
.dark .ccl\:\!text-\[oklch\(0\.96_0\.05_25\)\]:is(.dark *) { color: lab(94.8951 15.3713 8.32275) !important; }
.dark .ccl\:\!text-\[oklch\(0\.96_0\.05_140\)\]:is(.dark *) { color: rgb(225, 251, 219) !important; }
.dark .ccl\:\!text-\[oklch\(0\.96_0\.05_230\)\]:is(.dark *) { color: lab(95.5346 -10.1856 -14.3995) !important; }
.dark .ccl\:\!text-\[oklch\(0\.97_0\.08_85\)\]:is(.dark *) { color: lab(96.7473 3.91245 31.9611) !important; }
.dark .ccl\:text-amber-100\/80:is(.dark *) { color: rgba(254, 243, 198, 0.8); }
@supports (color:color-mix(in lab,red,red)){.dark .ccl\:text-amber-100\/80:is(.dark *) { color: color-mix(in oklab,var(--color-amber-100) 80%,transparent); }
}
.dark .ccl\:text-amber-200:is(.dark *) { color: var(--color-amber-200); }
.dark .ccl\:text-amber-300:is(.dark *) { color: var(--color-amber-300); }
.dark .ccl\:text-amber-400:is(.dark *) { color: var(--color-amber-400); }
.dark .ccl\:text-blue-200:is(.dark *) { color: var(--color-blue-200); }
.dark .ccl\:text-blue-300:is(.dark *) { color: var(--color-blue-300); }
.dark .ccl\:text-blue-400:is(.dark *) { color: var(--color-blue-400); }
.dark .ccl\:text-emerald-100:is(.dark *) { color: var(--color-emerald-100); }
.dark .ccl\:text-emerald-200:is(.dark *) { color: var(--color-emerald-200); }
.dark .ccl\:text-emerald-300:is(.dark *) { color: var(--color-emerald-300); }
.dark .ccl\:text-emerald-400:is(.dark *) { color: var(--color-emerald-400); }
.dark .ccl\:text-fuchsia-300:is(.dark *) { color: var(--color-fuchsia-300); }
.dark .ccl\:text-green-300:is(.dark *) { color: var(--color-green-300); }
.dark .ccl\:text-green-400:is(.dark *) { color: var(--color-green-400); }
.dark .ccl\:text-orange-300:is(.dark *) { color: var(--color-orange-300); }
.dark .ccl\:text-orange-400:is(.dark *) { color: var(--color-orange-400); }
.dark .ccl\:text-purple-300:is(.dark *) { color: var(--color-purple-300); }
.dark .ccl\:text-red-300:is(.dark *) { color: var(--color-red-300); }
.dark .ccl\:text-red-400:is(.dark *) { color: var(--color-red-400); }
.dark .ccl\:text-rose-400:is(.dark *) { color: var(--color-rose-400); }
.dark .ccl\:text-sky-300:is(.dark *) { color: var(--color-sky-300); }
.dark .ccl\:text-sky-400:is(.dark *) { color: var(--color-sky-400); }
.dark .ccl\:text-yellow-300:is(.dark *) { color: var(--color-yellow-300); }
.dark .ccl\:text-yellow-400:is(.dark *) { color: var(--color-yellow-400); }
.dark .ccl\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); }
.ccl .prose-headings\:font-bold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.ccl .prose-headings\:tracking-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }
.ccl .prose-headings\:text-foreground :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--foreground); }
.ccl .prose-h2\:mt-12 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: calc(var(--spacing) * 12); }
.ccl .prose-h2\:mb-4 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: calc(var(--spacing) * 4); }
.ccl .prose-h2\:border-b :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.ccl .prose-h2\:pb-2 :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-bottom: calc(var(--spacing) * 2); }
.ccl .prose-h2\:text-3xl :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height)); }
.ccl .prose-h3\:mt-8 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: calc(var(--spacing) * 8); }
.ccl .prose-h3\:mb-3 :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: calc(var(--spacing) * 3); }
.ccl .prose-h3\:text-xl :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
.ccl .prose-p\:my-5 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 5); }
.ccl .prose-p\:leading-\[1\.8\] :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-leading: 1.8; line-height: 1.8; }
.ccl .prose-a\:font-medium :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.ccl .prose-a\:text-primary :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--primary); }
.ccl .prose-a\:no-underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-decoration-line: none; }
@media (hover: hover){.ccl .prose-a\:hover\:underline :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):hover { text-decoration-line: underline; }
}
.ccl .prose-blockquote\:border-l-4 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-left-style: var(--tw-border-style); border-left-width: 4px; }
.ccl .prose-blockquote\:border-primary :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--primary); }
.ccl .prose-blockquote\:bg-muted\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: var(--muted); }
@supports (color:color-mix(in lab,red,red)){.ccl .prose-blockquote\:bg-muted\/40 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { background-color: color-mix(in oklab,var(--muted) 40%,transparent); }
}
.ccl .prose-blockquote\:px-4 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline: calc(var(--spacing) * 4); }
.ccl .prose-blockquote\:py-1 :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-block: calc(var(--spacing) * 1); }
.ccl .prose-blockquote\:not-italic :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-style: normal; }
.ccl .prose-strong\:text-foreground :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--foreground); }
.ccl .prose-ol\:my-5 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),.ccl .prose-ul\:my-5 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 5); }
.ccl .prose-li\:my-1\.5 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 1.5); }
.ccl .prose-img\:my-8 :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 8); }
.ccl .prose-img\:w-full :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { width: 100%; }
.ccl .prose-img\:rounded-xl :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-radius: calc(var(--radius) + 6px); }
.ccl .prose-img\:border :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-style: var(--tw-border-style); border-width: 1px; }
.ccl .prose-img\:shadow-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.ccl .prose-hr\:my-12 :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 12); }
.ccl .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text { fill: var(--muted-foreground); }
.ccl .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: var(--border); }
@supports (color:color-mix(in lab,red,red)){.ccl .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] { stroke: color-mix(in oklab,var(--border) 50%,transparent); }
}
.ccl .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor { stroke: var(--border); }
.ccl .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
.ccl .\[\&_\.recharts-layer\]\:outline-none .recharts-layer { --tw-outline-style: none; outline-style: none; }
.ccl .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] { stroke: var(--border); }
.ccl .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.ccl .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor { fill: var(--muted); }
.ccl .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] { stroke: var(--border); }
.ccl .\[\&_\.recharts-sector\]\:outline-none .recharts-sector { --tw-outline-style: none; outline-style: none; }
.ccl .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] { stroke: rgba(0, 0, 0, 0); }
.ccl .\[\&_\.recharts-surface\]\:outline-none .recharts-surface { --tw-outline-style: none; outline-style: none; }
.ccl .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); }
.ccl .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); }
.ccl .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.ccl .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.ccl .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); }
.ccl .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); }
.ccl .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing) * 0); }
.ccl .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); }
.ccl .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); }
.ccl .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); }
.ccl .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); }
.ccl .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); }
.ccl .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); }
.ccl .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); }
.ccl .\[\&_button\]\:py-1\.5 button { padding-block: calc(var(--spacing) * 1.5); }
.ccl .\[\&_button\]\:text-xs button { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.ccl .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); }
.ccl .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; }
.ccl .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.ccl .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; }
.ccl .\[\&_tr\]\:border-b tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.ccl .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0px; }
.ccl .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; }
.ccl .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); }
.ccl .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); }
.ccl :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg),.ccl :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) { rotate: 180deg; }
.ccl .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); }
.ccl .\[\&\>\*\]\:my-1 > * { margin-block: calc(var(--spacing) * 1); }
.ccl .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .\[\&\>button\]\:hidden > button { display: none; }
.ccl .\[\&\>span\]\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }
.ccl .\[\&\>span\]\:text-xs > span { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.ccl .\[\&\>span\]\:opacity-70 > span { opacity: 0.7; }
.ccl .\[\&\>span\:last-child\]\:truncate > span:last-child { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ccl .\[\&\>svg\]\:absolute > svg { position: absolute; }
.ccl .\[\&\>svg\]\:top-4 > svg { top: calc(var(--spacing) * 4); }
.ccl .\[\&\>svg\]\:left-4 > svg { left: calc(var(--spacing) * 4); }
.ccl .\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); }
.ccl .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); }
.ccl .\[\&\>svg\]\:h-2\.5 > svg { height: calc(var(--spacing) * 2.5); }
.ccl .\[\&\>svg\]\:h-3 > svg { height: calc(var(--spacing) * 3); }
.ccl .\[\&\>svg\]\:h-3\.5 > svg { height: calc(var(--spacing) * 3.5); }
.ccl .\[\&\>svg\]\:w-2\.5 > svg { width: calc(var(--spacing) * 2.5); }
.ccl .\[\&\>svg\]\:w-3 > svg { width: calc(var(--spacing) * 3); }
.ccl .\[\&\>svg\]\:w-3\.5 > svg { width: calc(var(--spacing) * 3.5); }
.ccl .\[\&\>svg\]\:shrink-0 > svg { flex-shrink: 0; }
.ccl .\[\&\>svg\]\:text-destructive > svg { color: var(--destructive); }
.ccl .\[\&\>svg\]\:text-foreground > svg { color: var(--foreground); }
.ccl .\[\&\>svg\]\:text-muted-foreground > svg { color: var(--muted-foreground); }
.ccl .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); }
.ccl .\[\&\>svg\~\*\]\:pl-7 > svg ~ * { padding-left: calc(var(--spacing) * 7); }
.ccl .\[\&\>tr\]\:last\:border-b-0 > tr:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; }
.ccl .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div { rotate: 90deg; }
.ccl .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { rotate: 180deg; }
.ccl [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { cursor: w-resize; }
.ccl [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: calc(var(--spacing) * -2); }
.ccl [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize,.ccl [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { cursor: e-resize; }
.ccl [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: calc(var(--spacing) * -2); }
.ccl [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; }
.ccl [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,.ccl [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: rgba(0, 0, 0, 0); }
.ccl .chunky-card { border: 2px solid var(--foreground); box-shadow: 6px 6px 0 0 var(--foreground); background: var(--card); border-radius: var(--radius-2xl); }
.ccl .chunky-btn { border: 2px solid var(--foreground); box-shadow: 4px 4px 0 0 var(--foreground); transition: transform 0.12s, box-shadow 0.12s; }
.ccl .chunky-btn:hover { box-shadow: 5px 5px 0 0 var(--foreground); transform: translate(-1px, -1px); }
.ccl .chunky-btn:active { box-shadow: 2px 2px 0 0 var(--foreground); transform: translate(2px, 2px); }
.ccl .animate-bob { animation: 3.5s ease-in-out 0s infinite normal none running bob; }
.ccl .animate-spin-slow { animation: 14s linear 0s infinite normal none running spin; }
.ccl .animate-float-slow { animation: 9s ease-in-out 0s infinite normal none running float-x; }
.ccl .animate-float-slower { animation: 14s ease-in-out 0s infinite reverse none running float-x; }
.ccl .animate-rain { animation: 0.9s linear 0s infinite normal none running rain-fall; }
.ccl .animate-snow { animation: 2.4s linear 0s infinite normal none running snow-fall; }
@keyframes float-x { 
  0%, 100% { transform: translate(0px); }
  50% { transform: translate(-10px); }
}
@keyframes rain-fall { 
  0% { opacity: 0; transform: translateY(-6px); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translateY(36px); }
}
@keyframes snow-fall { 
  0% { opacity: 0; transform: translateY(-4px) translate(0px); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translateY(40px) translate(-6px); }
}
@keyframes bob { 
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-10px) rotate(2deg); }
}
.ccl .animate-hero-pulse { transform-origin: 50% center; animation: 4s ease-in-out 0s infinite normal none running hero-pulse; }
@keyframes hero-pulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}
.ccl .animate-wobble { animation: 4s ease-in-out 0s infinite normal none running wobble; }
@keyframes wobble { 
  0%, 100% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
}
.ccl .chicken-idle { transform-origin: 50% 70%; will-change: transform; animation: 6s ease-in-out 0s infinite normal none running chicken-peek; display: inline-block; }
@keyframes chicken-peek { 
  0%, 20%, 100% { transform: rotate(0deg) translateY(0px); }
  30% { transform: rotate(-18deg); }
  45% { transform: rotate(14deg); }
  55% { transform: rotate(-8deg); }
  65% { transform: translateY(-3px); }
  75% { transform: translateY(0px); }
}
.ccl .group:hover .chicken-idle { animation: 0.3s ease-out 0s 1 normal forwards running chicken-grow; }
@keyframes chicken-grow { 
  0% { transform: scale(1); }
  100% { transform: scale(1.25); }
}
.ccl .chicken-idle:active { animation: 0.5s linear 0s 1 normal none running chicken-spin; }
@keyframes chicken-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
.ccl { --radius: 1.1rem; --background: #fef6e7; --foreground: #321b13; --cream: #fff4e0; --card: #fffbf4; --card-foreground: #321b13; --popover: #fffbf4; --popover-foreground: #321b13; --primary: #cf4238; --primary-foreground: #fcf8f1; --secondary: #a4c19d; --secondary-foreground: #14270f; --muted: #efe7d9; --muted-foreground: #6b5a4d; --accent: #f9d544; --accent-foreground: #331b06; --destructive: #df2321; --destructive-foreground: #fcf8f1; --border: #321b132e; --input: #321b1333; --ring: #cf4238; --sun: #f9d544; --sun-foreground: #331b06; --barn: #cf4238; --barn-foreground: #fcf8f1; --sage: #8ab181; --sage-foreground: #0d2008; --shadow-stamp: #321b13e6; }
@supports (color:lab(0% 0 0)){.ccl { --background: lab(97.1837% .709146 8.44387); --foreground: lab(12.7087% 11.0444 10.6051); --cream: lab(96.5959% 1.91957 11.4456); --card: lab(98.8877% .350505 4.58025); --card-foreground: lab(12.7087% 11.0444 10.6051); --popover: lab(98.8877% .350505 4.58025); --popover-foreground: lab(12.7087% 11.0444 10.6051); --primary: lab(49.5352% 56.1325 38.8711); --primary-foreground: lab(97.7087% .579834 3.77247); --secondary: lab(75.2289% -15.5804 14.8633); --secondary-foreground: lab(13.584% -12.8431 12.8128); --muted: lab(91.9337% 1.22553 7.59008); --muted-foreground: lab(39.606% 5.42295 10.2753); --accent: lab(86.6497% 2.03314 72.0242); --accent-foreground: lab(12.7982% 10.418 16.9189); --destructive: lab(49.097% 69.0941 52.0749); --destructive-foreground: lab(97.7087% .579834 3.77247); --border: lab(12.7087% 11.0444 10.6051/.18); --input: lab(12.7087% 11.0444 10.6051/.2); --ring: lab(49.5352% 56.1325 38.8711); --sun: lab(86.6497% 2.03314 72.0242); --sun-foreground: lab(12.7982% 10.418 16.9189); --barn: lab(49.5352% 56.1325 38.8711); --barn-foreground: lab(97.7087% .579834 3.77247); --sage: lab(68.5001% -20.7061 20.0693); --sage-foreground: lab(10.0957% -12.6801 11.224); --shadow-stamp: lab(12.7087% 11.0444 10.6051/.9); }
}
.dark .ccl { --background: #1d0d07; --foreground: #f9f1e3; --cream: #271610; --card: #271610; --card-foreground: #f9f1e3; --popover: #271610; --popover-foreground: #f9f1e3; --primary: #f36356; --primary-foreground: #160703; --secondary: #516c4b; --secondary-foreground: #f9f1e3; --muted: #36241e; --muted-foreground: #b3a192; --accent: #efcc36; --accent-foreground: #231103; --destructive: #fb594d; --destructive-foreground: #fcf8f1; --border: #f9f1e326; --input: #f9f1e333; --ring: #f36356; --shadow-stamp: #0009; }
@supports (color:lab(0% 0 0)){.dark .ccl { --background: lab(5.10346% 6.74517 4.75045); --foreground: lab(95.4139% 1.22163 7.5873); --cream: lab(9.30611% 8.20865 7.19495); --card: lab(9.30611% 8.20865 7.19495); --card-foreground: lab(95.4139% 1.22163 7.5873); --popover: lab(9.30611% 8.20865 7.19495); --popover-foreground: lab(95.4139% 1.22163 7.5873); --primary: lab(61.163% 55.8372 37.2762); --primary-foreground: lab(2.93135% 4.80918 3.18718); --secondary: lab(42.7315% -15.5168 15.1059); --secondary-foreground: lab(95.4139% 1.22163 7.5873); --muted: lab(16.2718% 8.11146 7.79567); --muted-foreground: lab(67.4536% 5.27939 10.1477); --accent: lab(83.1554% 2.26799 72.9772); --accent-foreground: lab(7.07656% 8.17062 9.56571); --destructive: lab(60.9522% 62.2562 42.4999); --destructive-foreground: lab(97.7087% .579834 3.77247); --border: lab(95.4139% 1.22163 7.5873/.15); --input: lab(95.4139% 1.22163 7.5873/.2); --ring: lab(61.163% 55.8372 37.2762); --shadow-stamp: lab(0% 0 0/.6); }
}
.ccl .map-fab-stack { bottom: calc(env(safe-area-inset-bottom,0px) + 6rem); }
.ccl .map-empty-hint { bottom: calc(env(safe-area-inset-bottom,0px) + 5.5rem); }
@media (display-mode: standalone){.ccl .map-fab-stack { bottom: calc(env(safe-area-inset-bottom,0px) + 9.5rem); }
.ccl .map-empty-hint { bottom: calc(env(safe-area-inset-bottom,0px) + 9rem); }
}
@media (max-width: 768px){.ccl .map-empty-hint { top: 50% !important; bottom: auto !important; transform: translate(-50%, -50%) !important; }
}
@media (max-width: 640px){.ccl .container { max-width: 100% !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.ccl .container .p-6 { padding: 0.75rem !important; }
.ccl .container .p-8 { padding: 1rem !important; }
.ccl .container .px-6 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.ccl .container .px-8 { padding-left: 1rem !important; padding-right: 1rem !important; }
}
@media (display-mode: standalone){.ccl .container { padding-left: 0.5rem; padding-right: 0.5rem; max-width: 100% !important; }
.ccl .container .p-6 { padding: 0.75rem !important; }
.ccl .container .p-8 { padding: 1rem !important; }
.ccl .container .px-6 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
.ccl .container .px-8 { padding-left: 1rem !important; padding-right: 1rem !important; }
.ccl header.sticky { padding-top: env(safe-area-inset-top); }
.ccl { padding-top: 0px; padding-bottom: calc(3rem + env(safe-area-inset-bottom)); }
.ccl footer { margin-top: 2rem !important; padding-top: 1rem !important; padding-bottom: 0.5rem !important; }
}
@keyframes coop-idle { 
  0%, 100% { transform: translateY(0px) rotate(-2deg); }
  50% { transform: translateY(-4px) rotate(2deg); }
}
@keyframes coop-think { 
  0%, 100% { transform: translateY(0px) rotate(-8deg) scale(1); }
  50% { transform: translateY(-6px) rotate(8deg) scale(1.05); }
}
@keyframes coop-talk { 
  0%, 100% { transform: translateY(0px) scale(1); }
  25% { transform: translateY(-3px) scale(1.05, 0.95); }
  50% { transform: translateY(0px) scale(0.95, 1.05); }
  75% { transform: translateY(-2px) scale(1.04, 0.96); }
}
@keyframes coop-pulse { 
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}
@keyframes coop-logo-pulse { 
  0%, 100% { transform: scale(1.05); }
  50% { transform: scale(1.15); }
}
.ccl .coop-mascot-idle { transform-origin: 50% center; animation: 1.4s ease-in-out 0s infinite normal none running coop-pulse; }
.ccl .coop-mascot-think { transform-origin: 50% center; animation: 0.5s ease-in-out 0s infinite normal none running coop-pulse; }
.ccl .coop-mascot-talk { transform-origin: 50% center; animation: 0.45s ease-in-out 0s infinite normal none running coop-pulse; }
.ccl .coop-logo-pulse { transform-origin: 50% center; animation: 3s ease-in-out 0s infinite normal none running coop-logo-pulse; }
@keyframes coop-ring { 
  0% { opacity: 0.7; transform: scale(0.6); }
  100% { opacity: 0; transform: scale(1.8); }
}
.ccl .coop-ring { border: 2px solid hsl(var(--primary-foreground) / .7); pointer-events: none; border-radius: 9999px; animation: 1.4s ease-out 0s infinite normal none running coop-ring; position: absolute; inset: 0px; }
.ccl .coop-ring-2 { animation-delay: 0.45s; }
.ccl .coop-ring-3 { animation-delay: 0.9s; }
@keyframes coop-live-dot { 
  0%, 100% { opacity: 1; box-shadow: rgba(245, 61, 61, 0.7) 0px 0px; }
  50% { opacity: 0.55; box-shadow: rgba(245, 61, 61, 0) 0px 0px 0px 6px; }
}
.ccl .coop-live-dot { background: rgb(245, 61, 61); border-radius: 9999px; width: 8px; height: 8px; animation: 1s ease-in-out 0s infinite normal none running coop-live-dot; display: inline-block; }
@keyframes coop-eq-bar { 
  0%, 100% { transform: scaleY(0.3); }
  50% { transform: scaleY(1); }
}
.ccl .coop-eq { align-items: flex-end; gap: 2px; height: 12px; display: inline-flex; }
.ccl .coop-eq > span { transform-origin: 50% 100%; background: currentcolor; border-radius: 2px; width: 3px; height: 100%; animation: 0.7s ease-in-out 0s infinite normal none running coop-eq-bar; display: block; }
.ccl .coop-eq > span:first-child { animation-delay: 0s; }
.ccl .coop-eq > span:nth-child(2) { animation-delay: 0.12s; }
.ccl .coop-eq > span:nth-child(3) { animation-delay: 0.24s; }
.ccl .coop-eq > span:nth-child(4) { animation-delay: 0.36s; }
@keyframes wilds-bar-vu { 
  0%, 100% { transform: scaleY(0.25); }
  50% { transform: scaleY(1); }
}
.ccl .no-scrollbar::-webkit-scrollbar { display: none; }
.ccl .no-scrollbar { scrollbar-width: none; }
@media print{.ccl header,.ccl nav,.ccl footer,.ccl [data-no-print],.ccl iframe { display: none !important; }
.ccl { background: rgb(255, 255, 255) !important; }
.ccl article,.ccl section { break-inside: avoid; }
.ccl a[href]::after { content: ""; }
}
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-pan-x { syntax: "*"; inherits: false; }
@property --tw-pan-y { syntax: "*"; inherits: false; }
@property --tw-pinch-zoom { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ping { 
  75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse { 
  50% { opacity: 0.5; }
}
@keyframes bounce { 
  0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); }
  50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; }
}
@keyframes enter { 
  0% { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }
}
@keyframes exit { 
  100% { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }
}
@keyframes accordion-down { 
  0% { height: 0px; }
  100% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
}
@keyframes accordion-up { 
  0% { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }
  100% { height: 0px; }
}
@keyframes caret-blink { 
  0%, 70%, 100% { opacity: 1; }
  20%, 50% { opacity: 0; }
}

.ccl{background:transparent!important;background-image:none!important;overflow-x:visible!important;max-width:none!important;width:auto!important;position:static!important}