.bk-accordion {
	--bk-accordion-accent: #2563eb;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	overflow: hidden;
}
.bk-accordion__item + .bk-accordion__item {
	border-top: 1px solid var(--bk-accordion-divider, #e2e8f0);
}
.bk-accordion__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1em;
	padding: 1em 1.25em;
	background: var(--bk-accordion-title-bg, transparent);
	color: var(--bk-accordion-title-color, inherit);
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}
.bk-accordion__title::-webkit-details-marker {
	display: none;
}
.bk-accordion__title:hover,
.bk-accordion__title:focus-visible,
.bk-accordion__item[open] > .bk-accordion__title,
.bk-accordion__item.is-open > .bk-accordion__title {
	color: var(--bk-accordion-accent);
}
.bk-accordion__icon {
	position: relative;
	flex: none;
	width: 0.6em;
	height: 0.6em;
	color: var(--bk-accordion-icon, currentColor);
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
.bk-accordion__item[open] > .bk-accordion__title .bk-accordion__icon,
.bk-accordion__item.is-open > .bk-accordion__title .bk-accordion__icon {
	transform: rotate(-135deg);
}

/* Plus / minus icon. */
.bk-accordion--plus .bk-accordion__icon {
	width: 0.9em;
	height: 0.9em;
	border: 0;
	transform: none;
}
.bk-accordion--plus .bk-accordion__icon::before,
.bk-accordion--plus .bk-accordion__icon::after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	background: currentColor;
	content: "";
	transition: transform 0.2s ease;
}
.bk-accordion--plus .bk-accordion__icon::after {
	transform: rotate(90deg);
}
.bk-accordion--plus .bk-accordion__item[open] > .bk-accordion__title .bk-accordion__icon,
.bk-accordion--plus .bk-accordion__item.is-open > .bk-accordion__title .bk-accordion__icon {
	transform: none;
}
.bk-accordion--plus .bk-accordion__item[open] > .bk-accordion__title .bk-accordion__icon::after,
.bk-accordion--plus .bk-accordion__item.is-open > .bk-accordion__title .bk-accordion__icon::after {
	transform: rotate(0deg);
}

/* Icon on the left. */
.bk-accordion--icon-left .bk-accordion__title {
	flex-direction: row-reverse;
	justify-content: flex-end;
}
.bk-accordion__content {
	padding: 1em 1.25em 1.25em;
	background: var(--bk-accordion-content-bg, transparent);
	color: var(--bk-accordion-content-color, inherit);
}
.bk-accordion__content > :first-child {
	margin-top: 0;
}
.bk-accordion__content > :last-child {
	margin-bottom: 0;
}

/* Editor: items are divs, so hide the answer of collapsed ones. */
div.bk-accordion__item:not(.is-open) > .bk-accordion__content {
	display: none;
}
.bk-accordion__toggle {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	cursor: pointer;
}
.bk-accordion__title-text {
	flex: 1;
}
.bk-accordion--icon-left .bk-accordion__title-text {
	flex: 0 1 auto;
}
.bk-accordion__item > .bk-editor-actions {
	padding: 0 8px 8px;
}

/* Editor-only controls. */
.bk-editor-actions {
	display: flex;
	justify-content: flex-start;
}
.bk-editor-actions .components-button {
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
}
.bk-editor-add {
	padding: 8px 12px;
}