.select-reset {
	appearance: none;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>')
		no-repeat;
	background-size: 1em;
	padding-left: 1em;
	padding-right: 2em;
	padding-block: 0.5em;
	min-height: 2.5em;
	background-position: calc(100% - 1em) center;
	background-repeat: no-repeat;
	color: inherit;

	&:focus,
	&:focus-visible {
		outline: none;
	}

	& option {
		color: hsl(var(--fg-1));
	}
}