:root {
	--dur: 600ms;
	--ease: ease;
	--panel-height: 120px;
}

/* Accordion-only styles (namespaced) */
.acc-item {
	overflow: hidden;
}

.acc-header {
	width: 100%;
	background: none;
}

.acc-chevron {
	display: inline-block;
	transform-origin: center;
	transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity));
}

.acc-panel {
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: height var(--dur) var(--ease), opacity var(--dur) var(--ease);
}

.acc-panel__body {
	max-height: var(--panel-height);
	overflow: auto;
}

.acc-item.open .acc-chevron {
	transform: rotate(180deg);
	color: var(--bs-primary);
}

.acc-item.open .acc-panel {
	height: var(--panel-height);
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.acc-chevron {
		transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);
	}
	.acc-panel {
		transition: height var(--dur) var(--ease), opacity var(--dur) var(--ease);
	}
}