:where(.error-wrapper) .error{align-items:center;color:var(--color-red-text);display:none;font-size:var(--font-size-xxs);gap:.25rem;padding-block-start:.25rem}:where(.error-wrapper) .iconify{flex-shrink:0}:is(:where(.form-field-wrapper.show-invalid:has(:invalid)),:where(.show-invalid) .form-field-wrapper:has(:invalid)) .input,:is(:where(.form-field-wrapper.show-invalid:has(:invalid)),:where(.show-invalid) .form-field-wrapper:has(:invalid)) .select,:is(:where(.form-field-wrapper.show-invalid:has(:invalid)),:where(.show-invalid) .form-field-wrapper:has(:invalid)) .textarea{border-color:var(--color-red-graphic)}:is(:where(.form-field-wrapper.show-invalid:has(:invalid)),:where(.show-invalid) .form-field-wrapper:has(:invalid)) .error-wrapper .error{display:flex}:where(.show-invalid) .input-variant--krafters:has(:invalid) .input:not(:focus),:where(.show-invalid) .select-variant--krafters:has(:invalid) .select:not(:focus),:where(.show-invalid) .textarea-variant--krafters:has(:invalid) .textarea:not(:focus){box-shadow:0 1.5px 0 0 var(--color-red)}