section#faq-section {
	background: #111;
}

#faq {
}

h1.faq-heading {
}

.tldr-container {
	margin: 32px 0 16px 0;
	padding: 48px;
	font-size: 1.5em;
	background: #000000;
}

.tldr {
	display: flex;
	justify-content: flex-start;
}

.tldr div:first-child {
	padding-right: 16px;
}

.tldr-highlight {
	color: #ef227a;
	font-weight: 900;
}

.faq-question-container {
	display: flex;
	cursor: pointer;
	justify-content: space-between;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	margin: 16px 0 16px 0;
}

.faq-icon {
	height: 32px;
}

.faq-button {
	font-size: 2em;
}

.faq-answer {
	display: none;
	background: #000000;
	padding: 16px;
	animation-duration: 500ms;
}

.rotate-90-clockwise {
	transform: rotate(90deg);
}

.rotate-90-anti-clockwise {
	transform: rotate(-90deg);
}

.animate-rotate-up {
	animation: rotate-up 500ms ease-out forwards;
}

.animate-rotate-down {
	animation: rotate-down 500ms ease-out forwards;
}