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

:root {
	--DropdownMenu-item-background: transparent;
	--DropdownMenu-item-background-hover: transparent;
	--DropdownMenu-item-color: inherit;
	--DropdownMenu-item-color-hover: inherit;
	--DropdownMenu-item-padding: 0;
}

.Dropdown {
	position: relative;
	width: auto;
}

.DropdownMenu {
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 0;
	display: none;
	min-width: 0;
	padding: var(--DropdownMenu-padding);
	list-style: none;
	white-space: nowrap;
	background-clip: padding-box;
	background-color: var(--DropdownMenu-background);
	border-color: var(--DropdownMenu-border-color);
	border-style: solid;
	border-width: var(--DropdownMenu-border-width);
}

.DropdownMenu--alignRight {
	right: 0;
	left: auto;
}

.DropdownMenu.is-open {
	display: block;
}

.DropdownMenu-item {
	display: block;
	clear: both;
	padding: var(--DropdownMenu-item-padding);
	white-space: nowrap;
	color: var(--DropdownMenu-item-color);
	background-color: var(--DropdownMenu-item-background);
}

.DropdownMenu-item:hover,
.DropdownMenu-item:focus,
.DropdownMenu-item:active {
	text-decoration: none;
	color: var(--DropdownMenu-item-color-hover);
	background-color: var(--DropdownMenu-item-background-hover);
}