accordion-wrap,
accordion-header,
accordion-content {
	display: block;
	width: 100%;
}

accordion-wrap {
	padding-top: 0;
}

accordion-header {
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

accordion-content {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	visibility: hidden;
	transition:
		grid-template-rows 0.3s ease-in-out,
		opacity 0.25s ease-in-out,
		visibility 0s linear 0.3s;
}

accordion-content > * {
	min-height: 0;
	overflow: hidden;
}

accordion-wrap.open accordion-content {
	grid-template-rows: 1fr;
	opacity: 1;
	visibility: visible;
	transition:
		grid-template-rows 0.3s ease-in-out,
		opacity 0.25s ease-in-out,
		visibility 0s linear 0s;
}