/*css/components/form/css/index.scss*/
.c25-form,
.c26-form {
 margin-bottom: 0;
 padding: 0;
 container-type: inline-size;
 container-name: form-card;
 position: relative;
}
.c25-form-form,
.c26-form-form {
 display: flex;
 flex-direction: column;
 gap: var(--obj_padding);
 border-radius: inherit;
 position: relative;
}
.c25-form-text_area .text_content,
.c26-form-text_area .text_content {
 gap: 0.5rem;
}
.c25-form-fields,
.c26-form-fields {
 display: flex;
 flex-direction: column;
 gap: 1rem;
}
.c25-form-row,
.c26-form-row {
 display: flex;
 gap: var(--gutter);
 flex-wrap: wrap;
}
.c25-form-row .input_area,
.c26-form-row .input_area {
 flex-basis: 12.5rem;
 flex-grow: 1;
}

.c25-form-group:has([required]) h4::after {
 display: inline-block;
 content: "*";
 color: red;
}

.invalid {
 border-color: red !important;
}