.accordion .accordion__item {
	margin-bottom: 1em;
	padding: 1em;
	border-radius: 8px;
}
	.accordion .accordion__item:not(.accordion__item--active) {
		cursor: pointer;
	}
	.accordion .accordion__item:hover,
	.accordion .accordion__item--active {
		box-shadow: var(--theme--box-shadow);
	}
	.accordion .accordion__item:focus {
		box-shadow: none;
		border: 1px solid var(--theme--color--primary);
	}

.accordion .accordion__title {
	font-family: var(--theme--font-familiy--primary);
	font-size: var(--theme--font-size--small);
	padding-left: 2em;
	position: relative;
	color: var(--theme--color--dark);
	margin-bottom: 0;
}
	.accordion .accordion__item--active > .accordion__title {
		font-weight: 700;
		cursor: pointer;
	}
	.accordion .accordion__title:before {
		content: '\f078';
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    font-size: var(--theme--font-size--tiny);
    position: absolute;
    top: 50%;
    left: 0.25em;
    z-index: 1;
    color: var(--theme--color--primary-50);
    transform: translate(0, -50%);
    transition: transform 0.3s ease;
	}
		.accordion .accordion__item--active > .accordion__title::before {
			transform: translate(0, -50%) rotate(-180deg);
			color: var(--theme--color--dark);
		}
	
.accordion .accordion__content {
	padding-left: 2em;
	margin-top: 1em;
}
	
.accordion .accordion__content .paragraph--type--paragraph {
	font-size: var(--theme--font-size--small);
}