.dm-dropdown {
	position: relative;
}

.dm-dropdown__menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 220px;
	padding: 6px;
	background: var(--surface);
	border: 1px solid var(--border-strong);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow-menu);
	z-index: 60;
}

.dm-dropdown__menu[hidden] {
	display: none;
}

.dm-dropdown__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	text-align: left;
	padding: 9px 12px;
	border: none;
	background: transparent;
	color: var(--text);
	border-radius: 8px;
	font-size: var(--fs-400);
}

.dm-dropdown__item:hover,
.dm-dropdown__item.is-active {
	background: var(--surface-hover);
	font-weight: 600;
}

.dm-dropdown__trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.dm-dropdown__caret {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 18px;
	height: 18px;
	color: currentColor;
	opacity: 0.9;
	transition: transform var(--dur-fast);
}

.dm-dropdown__caret svg {
	display: block;
	width: 14px;
	height: 14px;
}

.dm-dropdown__trigger[aria-expanded="true"] .dm-dropdown__caret,
.dm-mobile-drawer__toggle[aria-expanded="true"] .dm-dropdown__caret {
	transform: rotate(180deg);
}