@charset "utf-8";

p {
	margin: 0;
}

.accordion {
	border: 1px solid #ccc;
	border-radius: 4px;
}
.accordion__title {
	padding: 10px;
	cursor: pointer;
}
.accordion__content {
	padding: 10px;
	border-top: 1px solid #ccc;
	background-color: #f9f9f9;
	opacity: 0;
	transition:
		opacity 400ms,
		display 400ms allow-discrete;
}
.accordion[open] .accordion__content {
	opacity: 1;
	@starting-style {
		opacity: 0;
	}
}