.text-field-word-counter
  color: #9ba0ae
  font-size: 0.7rem
  padding-left: 205px

  .too-many &
    color: red

.entity-attribute-text, .entity-attribute-password
  padding: 0
  box-sizing: border-box

  &.error + .error
    box-shadow: inset 0 1px 1px rgba($brand-danger, .075), inset 0 0 1px rgba(lighten(desaturate($brand-danger, 25%), 10%),.75)
    border: 1px solid $brand-danger
    border-top: 0

  input
    +attribute-focus

  &.error input
    background-image: url('#{$baseImagePath}/icons/icon_cross_red.svg')
    background-repeat: no-repeat
    background-position: right 20px center
    background-size: 10px 10px