details {
	border-bottom: 1px solid var(--border);
	padding-block-end: 1rem;
	list-style-type: none;

	summary {
		display: flex;
		align-items: baseline;
		cursor: pointer;

		&:after {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			transition: transform 0.2s;
			margin-inline-start: auto;
			margin-inline-end: 0.5rem;
			width: 1rem;
			height: 1rem;
			content: ">";
		}
	}
	&[open] summary {
		padding-block-end: 1rem;
		&::after {
			transform: rotate(90deg);
		}
	}
	&::-webkit-details-marker,
	&::marker {
		display: none;
	}

	&::-moz-list-bullet {
		list-style-type: none;
	}
}