:root {
	--Select-background: transparent;
	--Select-background-multiple: transparent;
	--Select-color: inherit;
	--Select-color-placeholder: inherit;
	--Select-color-multiple: inherit;
	--Select-border-color: currentColor;
	--Select-border-width: 1px;
	--Select-padding: 0;
}

:root {
	--Option-background: transparent;
	--Option-background-active: transparent;
	--Option-background-hover: transparent;
	--Option-color: inherit;
	--Option-color-active: inherit;
	--Option-color-disabled: inherit;
	--Option-color-hover: inherit;
	--Option-padding: 0;
}

.Select {
	position: relative;
	border-color: var(--Select-border-color);
	border-style: solid;
	border-width: var(--Select-border-width);
}

.Select-input {
	padding: var(--Select-padding);
}

.Select-placeholder {
	color: var(--Select-color-placeholder);
}

.Select-multiple {
	display: inline-block;
	padding: var(--Select-padding);
	color: var(--Select-color-multiple);
	background: var(--Select-background-multiple);
}

.Select-remove {
	display: inline-block;
}

.Select-options {
	position: absolute;
	z-index: 1;
	top: 100%;
	display: none;
	width: 100%;
	background: var(--Select-background);
	border-color: var(--Select-border-color);
	border-style: solid;
	border-width: var(--Select-border-width);
}

.Select-options--open {
	display: block;
}

.Option {
	padding: var(--Option-padding);
}

.Option--active {
	color: var(--Option-color-active);
	background: var(--Option-background-active);
}

.Option:hover {
	color: var(--Option-color-hover);
	background: var(--Option-background-hover);
}

.Option--disabled {
	color: var(--Option-color-disabled);
}

.Option--disabled:hover {
	color: var(--Option-color-disabled);
	background: var(--Select-background);
}