client/css/select.css

select {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);

	cursor: pointer;
	background-color: var(--blur-bg);
	border: 1px solid var(--blur-border);
	color: var(--colour-3);
	display: block;
	position: relative;
	overflow: hidden;
	outline: none;
	padding: 8px 16px;

	appearance: none;
}

/* scrollbar */
select.dropdown::-webkit-scrollbar {
	width: 4px;
	padding: 8px 0px;
}

select.dropdown::-webkit-scrollbar-track {
	background-color: #ffffff00;
}

select.dropdown::-webkit-scrollbar-thumb {
	background-color: #555555;
	border-radius: 10px;
}