.group {
	overflow: hidden;
	width: 100%;
}

.group summary {
	cursor: pointer;
	font-weight: bold;
	user-select: none;
	list-style: none;
	display: flex;
	align-items: center;
}

.group[open] summary {
	padding-bottom: 1rem;
}

.group summary::marker {
	display: none;
}

.group.disabled summary {
	pointer-events: none;
}

.group .rounded-container {
	width: 100% !important;
}

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

.group summary::before {
	content: "▶";
	display: inline-block;
	margin-right: 0.8em;
	font-size: 10px;
	transition: transform 0.2s;
}

.group[open] summary::before {
	transform: rotate(90deg);
}