// COMPONENT : Accordion

uniform-accordion,
.uniform-accordion,
edlio-accordion,
.edlio-accordion {
	> section {
		@extend %flexbox;
		@include flex-direction(column);

		margin-bottom: 0;

		.content {
			max-height: 25em;

			opacity: 1;
		}

		header {
			@extend %flexbox;

			cursor: pointer;

			svg {
				margin-left: auto;
			}
		}

		&.collapsed {

			.content {
				max-height: 0;
				padding: 0;

				visibility: hidden;
				opacity: 0;
			}
		}
	}
}