%form-element-text-input { -moz-appearance: none; -webkit-appearance: none; box-shadow: inset $decor-elevation-100; border-radius: $decor-radius-100; border: $decor-border-100; outline: none; } %form fieldset > p, %form-element-note, %form-element-text-input::placeholder { color: $gray-400; } %form-element-note > code { border-radius: $decor-radius-100; } %form-element-error > input, %form-element-error > textarea { border-color: var(--decor-error-500, $red-500) !important; } %form-element-text-input { color: $gray-500; border-color: $gray-300; } %form-element-text-input-hover { border-color: $gray-500; } %form-element-text-input-focus { border-color: var(--typo-action-500, $blue-500); } %form-element-label { color: var(--typo-contrast-999, inherit); } %form-element-note > code { background-color: $gray-200; color: var(--typo-brand-600, inherit); }