/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./styles/components/component-details.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/component-details{display:block}.details .details__summary{border-bottom:.1rem solid rgba(var(--color-border));padding:2rem 4rem 2rem 0;position:relative}.details .details__summary>*{margin:0}.details .details__summary .icon-chevron-down{height:1.6rem;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:1.6rem}.details .details__summary.button{justify-content:start;padding:1.2rem 3rem 1.2rem 2rem}.details .details__summary.button .icon-chevron-down{right:1rem}.details[open] .details__summary .icon-chevron-down{transform:rotate(180deg) translateY(50%)}.details .details__content:after{content:"";display:block}.details .details__content-inner{padding:2rem}.details.details.details--small .details__summary{padding:1.6rem 3rem 1.6rem 1rem}component-details.content-card{padding:0}component-details.content-card .details .details__summary{border:none;padding:2rem 4rem 2rem 2rem}component-details.content-card .details .details__summary .icon-chevron-down{right:2rem}component-details.content-card+component-details.content-card{margin-top:1rem}component-details.content-card .rte table tr:nth-child(odd) td{background-color:#fff}