/******/
/*** ACCORDION ***/
/******/

.accordion {
	width: 100%;
}

.accordion .a-btn {
	width: 100%;
	padding: 1rem 0;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.accordion .a-btn:focus-visible {
	outline: 0.125rem solid currentColor;
	outline-offset: 0.25rem;
}

.accordion .a-panel {
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: height .4s cubic-bezier(.4, 0, .2, 1), opacity .25s ease;
	will-change: height, opacity;
}

.accordion .a-panel-inner {
	display: flow-root;
}

.a-container {
	min-width: 100%;
	border-bottom: solid .0625rem var(--color-yellow);
}

.accordion .a-container.active .a-panel {
	opacity: 1;
}

@media screen and (min-width: 48rem) {
	
	.accordion .a-panel {
		max-width: 40rem;
	}
	
}

@media (prefers-reduced-motion: reduce) {
	
	.accordion .a-panel {
		transition: none;
		will-change: auto;
	}
	
}