.smb-accordion {
	--smb-accordion--gap: var(--_margin-1);
	--smb-accordion--title-background-color: var(--_lighter-color-gray);
	--smb-accordion--title-color: inherit;
	--smb-accordion--body-padding: var(--_padding1);
}

.smb-accordion__item {
	--smb-accordion-item--background-color: var(--smb-accordion--title-background-color);
	--smb-accordion-item--color: var(--smb-accordion--title-color);
	--smb-accordion-item--padding: var(--smb-accordion--body-padding);
	position: relative;
}

.smb-accordion>*+* {
	margin-top: var(--smb-accordion--gap);
}

.smb-accordion__item__control {
	appearance: none !important;
	cursor: pointer !important;
	display: block !important;
	height: 100% !important;
	inset: 0 !important;
	opacity: 0 !important;
	outline: none !important;
	position: absolute !important;
	width: 100% !important;
	z-index: 1 !important;
}

.smb-accordion__item__title__label {
	flex: 1 1 auto;
}

.smb-accordion__item__title__icon {
	margin-left: var(--_margin-1);
	--_transition-duration: var(--_global--transition-duration);
	--_transition-function-timing: var(--_global--transition-function-timing);
	--_transition-delay: var(--_global--transition-delay);
	flex: 0 0 auto;
	transition: transform var(--_transition-duration) var(--_transition-function-timing) var(--_transition-delay);
}

.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__title>.smb-accordion__item__title__icon {
	transform: rotate(180deg);
}

.smb-accordion__item__body {
	display: none;
	padding: var(--smb-accordion--body-padding);
	position: relative;
	z-index: 2;
}

.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__body,
.smb-accordion .smb-accordion__item__control:checked+.smb-accordion__item__title+.smb-accordion__item__body {
	display: block;
}