#favorites-container .h-full,
#chat-history .h-full,
#search-favorites,
#search-previous-chats,
.overflow-y-auto {
	-webkit-overflow-scrolling: touch;
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: #282a36;
	color: #f8f8f2;
	font-size: 0.9rem;
}

.hljs-keyword,
.hljs-selector-tag {
	color: #ff79c6;
}

.hljs-string {
	color: #f1fa8c;
}

.hljs-comment {
	color: #6272a4;
}

.hljs-number {
	color: #bd93f9;
}

pre.hljs {
	padding: 12px;
	border-radius: 4px;
}

.hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.hide-scrollbar {
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}

.material-symbols-rounded {
	user-select: none;
}

* {
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

.icon-action {
	font-variation-settings: 'OPSZ' 18;
	font-size: 18px
}

.icon-filled {
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20
}

.grow-on-hover:hover {
	transform: scale(1.2);
	transition: transform .2s ease-in-out
}