Felipe97/llama-cpp-compiled

1@import 'tailwindcss';2@source '.';3@plugin '@tailwindcss/forms';4@plugin '@tailwindcss/typography';5@import 'tw-animate-css';6 7@custom-variant dark (&:is(.dark *));8 9:root {10	--radius: 0.625rem;11	--background: oklch(1 0 0);12	--foreground: oklch(0.145 0 0);13	--card: oklch(1 0 0);14	--card-foreground: oklch(0.145 0 0);15	--popover: oklch(1 0 0);16	--popover-foreground: oklch(0.145 0 0);17	--primary: oklch(0.205 0 0);18	--primary-foreground: oklch(0.985 0 0);19	--secondary: oklch(0.95 0 0);20	--secondary-foreground: oklch(0.205 0 0);21	--muted: oklch(0.97 0 0);22	--muted-foreground: oklch(0.556 0 0);23	--accent: oklch(0.95 0 0);24	--accent-foreground: oklch(0.205 0 0);25	--destructive: oklch(0.577 0.245 27.325);26	--border: oklch(0.875 0 0);27	--input: oklch(0.92 0 0);28	--ring: oklch(0.708 0 0);29	--chart-1: oklch(0.646 0.222 41.116);30	--chart-2: oklch(0.6 0.118 184.704);31	--chart-3: oklch(0.398 0.07 227.392);32	--chart-4: oklch(0.828 0.189 84.429);33	--chart-5: oklch(0.769 0.188 70.08);34	--sidebar: oklch(0.985 0 0);35	--sidebar-foreground: oklch(0.145 0 0);36	--sidebar-primary: oklch(0.205 0 0);37	--sidebar-primary-foreground: oklch(0.985 0 0);38	--sidebar-accent: oklch(0.97 0 0);39	--sidebar-accent-foreground: oklch(0.205 0 0);40	--sidebar-border: oklch(0.922 0 0);41	--sidebar-ring: oklch(0.708 0 0);42	--code-background: oklch(0.985 0 0);43	--code-foreground: oklch(0.145 0 0);44	--font-mono:45		ui-monospace, SFMono-Regular, 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas,46		'Liberation Mono', Menlo, monospace;47	--layer-popover: 1000000;48 49	--chat-form-area-height: 8rem;50	--chat-form-area-offset: 2rem;51	--chat-form-padding-top: 6rem;52	--max-message-height: max(24rem, min(80dvh, calc(100dvh - var(--chat-form-area-height) - 12rem)));53}54 55@media (min-width: 640px) {56	:root {57		--chat-form-area-height: 24rem;58		--chat-form-area-offset: 12rem;59		--chat-form-padding-top: 6rem;60	}61}62 63.dark {64	--background: oklch(0.16 0 0);65	--foreground: oklch(0.985 0 0);66	--card: oklch(0.205 0 0);67	--card-foreground: oklch(0.985 0 0);68	--popover: oklch(0.205 0 0);69	--popover-foreground: oklch(0.985 0 0);70	--primary: oklch(0.922 0 0);71	--primary-foreground: oklch(0.205 0 0);72	--secondary: oklch(0.29 0 0);73	--secondary-foreground: oklch(0.985 0 0);74	--muted: oklch(0.269 0 0);75	--muted-foreground: oklch(0.708 0 0);76	--accent: oklch(0.269 0 0);77	--accent-foreground: oklch(0.985 0 0);78	--destructive: oklch(0.704 0.191 22.216);79	--border: oklch(1 0 0 / 30%);80	--input: oklch(1 0 0 / 30%);81	--ring: oklch(0.556 0 0);82	--chart-1: oklch(0.488 0.243 264.376);83	--chart-2: oklch(0.696 0.17 162.48);84	--chart-3: oklch(0.769 0.188 70.08);85	--chart-4: oklch(0.627 0.265 303.9);86	--chart-5: oklch(0.645 0.246 16.439);87	--sidebar: oklch(0.2 0 0);88	--sidebar-foreground: oklch(0.985 0 0);89	--sidebar-primary: oklch(0.488 0.243 264.376);90	--sidebar-primary-foreground: oklch(0.985 0 0);91	--sidebar-accent: oklch(0.269 0 0);92	--sidebar-accent-foreground: oklch(0.985 0 0);93	--sidebar-border: oklch(1 0 0 / 10%);94	--sidebar-ring: oklch(0.556 0 0);95	--code-background: oklch(0.225 0 0);96	--code-foreground: oklch(0.875 0 0);97}98 99@theme inline {100	--radius-sm: calc(var(--radius) - 4px);101	--radius-md: calc(var(--radius) - 2px);102	--radius-lg: var(--radius);103	--radius-xl: calc(var(--radius) + 4px);104	--color-background: var(--background);105	--color-foreground: var(--foreground);106	--color-card: var(--card);107	--color-card-foreground: var(--card-foreground);108	--color-popover: var(--popover);109	--color-popover-foreground: var(--popover-foreground);110	--color-primary: var(--primary);111	--color-primary-foreground: var(--primary-foreground);112	--color-secondary: var(--secondary);113	--color-secondary-foreground: var(--secondary-foreground);114	--color-muted: var(--muted);115	--color-muted-foreground: var(--muted-foreground);116	--color-accent: var(--accent);117	--color-accent-foreground: var(--accent-foreground);118	--color-destructive: var(--destructive);119	--color-border: var(--border);120	--color-input: var(--input);121	--color-ring: var(--ring);122	--color-chart-1: var(--chart-1);123	--color-chart-2: var(--chart-2);124	--color-chart-3: var(--chart-3);125	--color-chart-4: var(--chart-4);126	--color-chart-5: var(--chart-5);127	--color-sidebar: var(--sidebar);128	--color-sidebar-foreground: var(--sidebar-foreground);129	--color-sidebar-primary: var(--sidebar-primary);130	--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);131	--color-sidebar-accent: var(--sidebar-accent);132	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);133	--color-sidebar-border: var(--sidebar-border);134	--color-sidebar-ring: var(--sidebar-ring);135}136 137@layer base {138	* {139		@apply border-border outline-ring/50;140	}141 142	body {143		@apply bg-background text-foreground;144		scrollbar-width: thin;145		scrollbar-gutter: stable;146	}147 148	/* Global scrollbar styling - visible only on hover */149	* {150		scrollbar-width: thin;151		scrollbar-color: transparent transparent;152	}153 154	*:hover {155		scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent;156	}157 158	*::-webkit-scrollbar {159		width: 6px;160		height: 6px;161	}162 163	*::-webkit-scrollbar-track {164		background: transparent;165	}166 167	*::-webkit-scrollbar-thumb {168		background: transparent;169		border-radius: 3px;170		transition: background 0.2s ease;171	}172 173	*:hover::-webkit-scrollbar-thumb {174		background: hsl(var(--muted-foreground) / 0.3);175	}176 177	*::-webkit-scrollbar-thumb:hover {178		background: hsl(var(--muted-foreground) / 0.5);179	}180 181	:where(code, pre, kbd, samp) {182		font-family: var(--font-mono);183	}184}185 186@layer utilities {187	.scrollbar-hide {188		/* Hide scrollbar for Chrome, Safari and Opera */189		&::-webkit-scrollbar {190			display: none;191		}192		/* Hide scrollbar for IE, Edge and Firefox */193		-ms-overflow-style: none;194		scrollbar-width: none;195	}196 197	.shimmer-text {198		background: linear-gradient(199			90deg,200			var(--muted-foreground),201			var(--foreground),202			var(--muted-foreground)203		);204		background-size: 200% 100%;205		background-clip: text;206		-webkit-background-clip: text;207		-webkit-text-fill-color: transparent;208		font-weight: 500;209		animation: shimmer 1s linear infinite;210	}211 212	@keyframes shimmer {213		to {214			background-position: -200% 0;215		}216	}217 218	@media (prefers-reduced-motion: reduce) {219		.shimmer-text {220			animation: none;221		}222	}223}224 225.mermaidTooltip {226	display: none !important;227}228