/*!*************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/details.scss ***!
  \*************************************************************************************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------
# Details
-----------------------------------------------------------------------------*/
/* Closed Summary will have primary font color */
.wp-block-details:not(.has-text-color) > summary {
  color: var(--wp--custom--color--highlight, var(--wp--preset--color--highlight));
  font-weight: var(--wp--custom--typography--font-weight--medium);
  transition: color var(--wp--custom--animation--duration--medium, 500ms) var(--wp--custom--animation--timing-function, ease-in);
}

/* Highlight Summary on hover and when open */
.wp-block-details:not(.has-text-color) > summary:hover,
.wp-block-details:not(.has-text-color)[open] > summary {
  color: var(--wp--custom--color--highlight, var(--wp--preset--color--highlight-alt));
}