/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./assets/css/blocks/roi_calculator/view.css ***!
  \***********************************************************************************************************************************************************************************************/
/* ROI Calculator block — only styles that are awkward to express as utilities. */

.roi-calculator__formulas summary {
    list-style: none;
}

.roi-calculator__formulas summary::-webkit-details-marker {
    display: none;
}

/* Match the deliberate brand focus ring used by the inputs/nav, since the
   native marker is removed and we style our own. */
.roi-calculator__formulas summary:focus-visible {
    outline: 2px solid var(--color-brand-orange, #ed9331);
    outline-offset: 2px;
    border-radius: 0.375rem;
}

.roi-calculator__formulas summary::after {
    content: '+';
    margin-left: 0.5rem;
    font-size: 1.125rem;
    line-height: 1;
    color: var(--color-brand-slate, #404c66);
}

.roi-calculator__formulas[open] summary::after {
    content: '\2212'; /* minus sign */
}