body {
	font-family: "Poppins", sans-serif;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url('/src/img/icons/chevron.svg') no-repeat right 16px center, transparent;
	padding-right: 12px;
	background-size: 10px;
	transition: 0.2s ease;
	width: 100%;
	height: 36px;
	padding: 0 40px 0 16px;
	border-radius: 10px;
	border: 1px solid var(--dropdown-border-color);
	color: var(--panel-text);
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	transition: background-color 0.2s, border-color 0.2s;
	text-overflow: ellipsis;
	white-space: nowrap;

	&:target,
	&:focus-visible,
	&:active,
	&:focus-within,
	&:focus {
		border-color: var(--color-active);
	}

	option {
		padding: 10px 14px;
		background-color: var(--leads-bg);
		border: 1px solid var(--table-border-color);
		color: var(--leads-text-color);
		font-size: 14px;
		font-family: inherit;
		outline: none;
		transition: border-color 0.2s;
	}

}

button {
	cursor: pointer;
	color: inherit;
	background: transparent;
	border: none;
	padding: 0;
}