[data-accordion-role="item"] {
	display: grid;
	grid-template-rows: max-content 0fr;
	transition: grid 0.5s ease;

	[data-accordion-role="summary"] {
		cursor: pointer;
	}

	&.js--open {
		grid-template-rows: max-content 1fr;
	}

	[data-accordion-role="details"] {
		overflow: hidden;
	}
}