.fade {
	transition: @transition-fade;

	&:not(.show) {
		opacity: 0;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	.fade {
		transition: none;
	}
}

.collapse {
	&:not(.show) {
		display: none;
	}
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: @transition-collapse;
}

@media screen and (prefers-reduced-motion: reduce) {
	.collapsing {
		transition: none;
	}
}