beea/open-webui

1@font-face {2	font-family: 'Inter';3	src: url('/assets/fonts/Inter-Variable.ttf');4	font-display: swap;5}6 7@font-face {8	font-family: 'Archivo';9	src: url('/assets/fonts/Archivo-Variable.ttf');10	font-display: swap;11}12 13@font-face {14	font-family: 'Mona Sans';15	src: url('/assets/fonts/Mona-Sans.woff2');16	font-display: swap;17}18 19html {20	word-break: break-word;21}22 23code {24	/* white-space-collapse: preserve !important; */25	overflow-x: auto;26	width: auto;27}28 29math {30	margin-top: 1rem;31}32 33.hljs {34	@apply rounded-lg;35}36 37.markdown-prose {38	@apply prose dark:prose-invert prose-p:my-0 prose-img:my-1 prose-headings:my-1 prose-pre:my-0 prose-table:my-0 prose-blockquote:my-0 prose-ul:-my-0 prose-ol:-my-0 prose-li:-my-0 whitespace-pre-line;39}40 41.markdown a {42	@apply underline;43}44 45.font-primary {46	font-family: 'Archivo', sans-serif;47}48 49iframe {50	@apply rounded-lg;51}52 53li p {54	display: inline;55}56 57::-webkit-scrollbar-thumb {58	--tw-border-opacity: 1;59	background-color: rgba(217, 217, 227, 0.8);60	border-color: rgba(255, 255, 255, var(--tw-border-opacity));61	border-radius: 9999px;62	border-width: 1px;63}64 65/* Dark theme scrollbar styles */66.dark ::-webkit-scrollbar-thumb {67	background-color: rgba(69, 69, 74, 0.8); /* Darker color for dark theme */68	border-color: rgba(0, 0, 0, var(--tw-border-opacity));69}70 71::-webkit-scrollbar {72	height: 0.4rem;73	width: 0.4rem;74}75 76::-webkit-scrollbar-track {77	background-color: transparent;78	border-radius: 9999px;79}80 81select {82	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");83	background-position: right 0.5rem center;84	background-repeat: no-repeat;85	background-size: 1.5em 1.5em;86	padding-right: 2.5rem;87	-webkit-print-color-adjust: exact;88	print-color-adjust: exact;89	/* for Firefox */90	-moz-appearance: none;91	/* for Chrome */92	-webkit-appearance: none;93}94 95.katex-mathml {96	display: none;97}98 99.scrollbar-hidden:active::-webkit-scrollbar-thumb,100.scrollbar-hidden:focus::-webkit-scrollbar-thumb,101.scrollbar-hidden:hover::-webkit-scrollbar-thumb {102	visibility: visible;103}104.scrollbar-hidden::-webkit-scrollbar-thumb {105	visibility: hidden;106}107 108.scrollbar-hidden::-webkit-scrollbar-corner {109	display: none;110}111 112.scrollbar-none::-webkit-scrollbar {113	display: none; /* for Chrome, Safari and Opera */114}115 116.scrollbar-none::-webkit-scrollbar-corner {117	display: none;118}119 120.scrollbar-none {121	-ms-overflow-style: none; /* IE and Edge */122	scrollbar-width: none; /* Firefox */123}124 125input::-webkit-outer-spin-button,126input::-webkit-inner-spin-button {127	/* display: none; <- Crashes Chrome on hover */128	-webkit-appearance: none;129	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */130}131 132input[type='number'] {133	-moz-appearance: textfield; /* Firefox */134}135 136.cm-editor {137	height: 100%;138	width: 100%;139}140 141.cm-scroller {142	@apply scrollbar-hidden;143}144 145.cm-editor.cm-focused {146	outline: none;147}148 149.tippy-box[data-theme~='dark'] {150	@apply rounded-lg bg-gray-950 text-xs border border-gray-900 shadow-xl;151}152 153.password {154	-webkit-text-security: disc;155}156 157.codespan {158	color: #eb5757;159	border-width: 0px;160	padding: 3px 8px;161	font-size: 0.8em;162	font-weight: 600;163	@apply rounded-md dark:bg-gray-800 bg-gray-100 mx-0.5;164}165 166.svelte-flow {167	background-color: transparent !important;168}169 170.svelte-flow__edge > path {171	stroke-width: 0.5;172}173 174.svelte-flow__edge.animated > path {175	stroke-width: 2;176	@apply stroke-gray-600 dark:stroke-gray-500;177}178 179.bg-gray-950-90 {180	background-color: rgba(var(--color-gray-950, #0d0d0d), 0.9);181}182