.cursor-pointer {
	cursor: pointer;
}

details {
	user-select: none;
}

details>summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

summary::-webkit-details-marker {
	display: none;
}

summary::after {
	content: '\2039';
	margin-right: 2.5rem;
	font-size: 2.5rem;
	font-weight: 500;
	padding-bottom: 0.5rem;
}

details[open] summary:after {
	transform: rotate(-90deg);
}