/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/custom/details/style.css ***!
  \************************************************************************************************************************************************************************************************/
.details {
	--_text-color: var(--wp--preset--color--primary);
	--_text-weight: 700;
}

.details__wrapper {
	padding-inline: 1em;
}

.details__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;

	color: var(--_text-color);
	font-weight: var(--_text-weight);

	border: 2px solid var(--_text-color);

	padding-inline: 1em;
	padding-block: 0.5em;

	margin-bottom: var(--wp--preset--spacing--20);
}

.details__heading::after {
	font-size: 1.5em;
	font-weight: bold;
}

.details[aria-expanded="true"] .details__heading::after {
	content: "-";
	color: var(--_text-color);
}

.details[aria-expanded="false"] .details__heading::after {
	content: "+";
	color: var(--_text-color);
}


/*# sourceMappingURL=style-index.css.map*/