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