.ms-accordion {
	margin-bottom: clamp(16px, 2vw, 24px);
}

.ms-accordion-title {
	position: relative;
	font-weight: 500;
	padding-inline-end: 32px;
	cursor: pointer;
}

.ms-accordion-title:after {
	content: '';
	width: 1.5em;
	height: 1.5em;
	mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSI+CjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjQiIHN0cm9rZT0iY3VycmVudENvbG9yIiBkPSJNOCAxMmw4IDggOC04Ii8+Cjwvc3ZnPg==) no-repeat center / contain;
	background: currentColor;
	position: absolute;
	top: 4px;
	inset-inline-end: 0;
	transition: .3s;
}

.ms-accordion-title--center-chevron:after {
	top: 50%;
	translate: 0 -50%;
}

[aria-expanded = "true"] .ms-accordion-title:after {
	transform: rotate(180deg);
}

.ms-accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: .3s;
}

.ms-accordion-body {
	margin-top: 16px;
}

@media (width > 992px) {
	[data-desktop-state = "open"]:not([aria-expanded]) .ms-accordion-content {
		max-height: unset;
	}

	[data-desktop-state = "open"]:not([aria-expanded]) .ms-accordion-title:after {
		transform: rotate(180deg);
	}
}
@media (width < = 992px) {
	[data-mobile-state = "open"]:not([aria-expanded]) .ms-accordion-content {
		max-height: unset;
	}

	[data-mobile-state = "open"]:not([aria-expanded]) .ms-accordion-title:after {
		transform: rotate(180deg);
	}
}