:root {
	--dropdown-border-color: var(--bg2-darken5);
}

.ws-dropdown {
	position: absolute;
	z-index: var(--z-index-modal);
	max-width: 100vw;
	padding: 15px;
	background: white;
	border-radius: var(--border-radius);
	border: 1px solid var(--dropdown-border-color);
	box-shadow: 0 0 20px 0 hsl(var(--bg-dark-h), var(--bg-dark-s), var(--bg-dark-l), 40%);
	margin-top: 10px;
}

.ws-dropdown-arrow {
	position: absolute;
	z-index: var(--z-index-modal);
	width: 12px;
	height: 6px;
	margin-left: -6px;
	margin-top: 5px;
}
.ws-dropdown-arrow:before,
.ws-dropdown-arrow:after {
	content: '';
	display: block;
	position: absolute;
	border-color:transparent;border-style:solid;
}
.ws-dropdown-arrow:before {
	border-width:0 6px 6px;
	border-bottom-color: var(--dropdown-border-color);
	top:0;
	left:0;
}
.ws-dropdown-arrow:after {
	border-width:0 5px 5px;
	border-bottom-color: white;
	top:1px;
	left:1px;
}

.ws-dropdown-section + .ws-dropdown-section {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid var(--bg2-darken5);
}