.cnt-xpnd {
	interpolate-size: allow-keywords;

	
	.cnt-xpnd-panel {
		height: 0;
		overflow: clip;
		content-visibility: hidden;
		outline: none;
		transition: height var(--g-trn-sp, .4s) var(--g-trn-tf, ease),
					content-visibility var(--g-trn-sp, .4s) var(--g-trn-tf, ease) allow-discrete;

		
		&:focus-visible {
			outline: 2px solid var(--link-color, currentColor);
			outline-offset: 2px;
		}
	}

	&.is-open .cnt-xpnd-panel {
		height: auto;
		content-visibility: visible;
	}

	.cnt-xpnd-btn {
		column-gap: 0.5em;
		background: none;
		text-align: start;
		font-family: var(--fnt-t);
		font-size: var(--btn-s);
		letter-spacing: var(--btn-ls);
		line-height: var(--btn-lh);
		font-weight: var(--btn-w);
		text-transform: var(--btn-tt);
		font-style: var(--btn-fs);
		color: var(--link-color, currentColor);
		cursor: pointer;
	}

	
	.cnt-xpnd-btn[hidden] {
		display: none;
	}

	.cnt-xpnd-btn:hover {
		color: var(--link-hover, currentColor);
	}

	
	.cnt-xpnd-btn svg {
		transition: rotate var(--g-trn-sp, .3s) var(--g-trn-tf, ease);
	}

	&.is-open .cnt-xpnd-btn svg.chv {
		rotate: 180deg;
	}

	
	.cnt-xpnd-btn .cls {
		display: none;
	}

	&.is-open .cnt-xpnd-btn .opn {
		display: none;
	}

	&.is-open .cnt-xpnd-btn .cls {
		display: inline-flex;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cnt-xpnd .cnt-xpnd-panel,
	.cnt-xpnd .cnt-xpnd-btn svg {
		transition: none;
	}
}


html.cms-content .cnt-xpnd .cnt-xpnd-panel {
	height: auto;
	content-visibility: visible;
}