.gsl-form {
--gsl-form-danger: #e74c3c;
--gsl-form-success: #00bc8c;
}
.gsl-form__status {
display: none;
border-radius: 12px;
padding: 12px 14px;
font-size: 14px;
line-height: 1.35;
}
.gsl-form__status[hidden] {
display: none;
}
.gsl-form__status.is-visible {
display: block;
}
.gsl-form__status.is-success {
background: color-mix(in oklab, var(--gsl-form-success), white 85%);
border: 1px solid color-mix(in oklab, var(--gsl-form-success), black 15%);
color: color-mix(in oklab, var(--gsl-form-success), black 40%);
}
.gsl-form__status.is-error {
background: color-mix(in oklab, var(--gsl-form-danger), white 88%);
border: 1px solid color-mix(in oklab, var(--gsl-form-danger), black 15%);
color: color-mix(in oklab, var(--gsl-form-danger), black 40%);
}
.gsl-form__error {
display: none;
font-size: 14px;
line-height: 1.25;
color: var(--gsl-form-danger);
}
.gsl-form__error.is-visible {
display: block;
}
.gsl-form__control[aria-invalid="true"] {
border-color: var(--gsl-form-danger) !important;
}
.gsl-form__control[aria-invalid="true"]:focus {
box-shadow: 0 0 0 3px color-mix(in oklab, var(--gsl-form-danger), transparent 78%) !important;
}
.gsl-talk-with-colleague .formError,
.gsl-job-apply .formError {
display: none !important;
}
.gsl-talk-with-colleague .feedback,
.gsl-talk-with-colleague .invalid-feedback,
.gsl-talk-with-colleague .valid-feedback,
.gsl-job-apply .feedback,
.gsl-job-apply .invalid-feedback,
.gsl-job-apply .valid-feedback {
display: none !important;
}