/*!********************************************************************************************************************************************************************************************!*\
  !*** 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/custom_form/view.css ***!
  \********************************************************************************************************************************************************************************************/
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
.custom-form .text-help {
  margin-top: calc(var(--spacing, 0.25rem) * 1.5);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--color-red-700, oklch(50.5% 0.213 27.518));
}
.custom-form .has-danger input,
.custom-form .has-danger select,
.custom-form .has-danger textarea {
  border-color: var(--color-red-600, oklch(57.7% 0.245 27.325));
}
.custom-form .message a {
  text-decoration-line: underline;
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-royal-blue, #4769d4);
    }
  }
}