<commit_before>$field-transition = .36s cubic-bezier(.4,0,.2,1)

.q-field

  &--with-bottom
    padding-bottom 22px

  &__marginal
    height 56px
    color rgba(0, 0, 0, .54)
    font-size 24px
    transition color $field-transition

    > * + *
      margin-left 2px

    .q-avatar
      font-size 32px

  &__before, &__prepend
    padding-right 12px

  &__after, &__append
    padding-left 12px

  &__append + &__append
    padding-left 2px

  &__inner
    text-align left

  &__bottom
    font-size 12px
    min-height 12px
    line-height 1
    color rgba(0, 0, 0, .54)
    transform translate3d(0, 100%, 0)
    padding 8px 12px 0

  &__messages
    line-height 1

    > div
      word-break break-word
      word-wrap break-word
      overflow-wrap break-word

      & + div
        margin-top 4px

  &__counter
    padding-left 8px
    line-height 1

  &--item-aligned
    // TODO
    padding 8px 16px

    .q-field__before
      min-width 56px

  &__control-container
    height inherit

  &__control
    color $primary
    color var(--q-color-primary)
    height 56px

    &:before, &:after
      content ''
      position absolute
      top 0
      right 0
      bottom 0
      left 0
      pointer-events none
    &:before
      border-radius inherit

  &__native, &__prefix, &__suffix
    font-weight 400
    font-size 14px
    line-height 28px
    letter-spacing .00937em
    text-decoration inherit
    text-transform inherit
    height 100%
    border none
    border-radius 0
    background none
    color rgba(0,0,0,.87)
    outline 0
    padding 6px 0

  &__native
    width 100%<commit_msg>fix(quasar): Fix min-width on input in Firefox (#3206)<commit_after>$field-transition = .36s cubic-bezier(.4,0,.2,1)

.q-field

  &--with-bottom
    padding-bottom 22px

  &__marginal
    height 56px
    color rgba(0, 0, 0, .54)
    font-size 24px
    transition color $field-transition

    > * + *
      margin-left 2px

    .q-avatar
      font-size 32px

  &__before, &__prepend
    padding-right 12px

  &__after, &__append
    padding-left 12px

  &__append + &__append
    padding-left 2px

  &__inner
    text-align left

  &__bottom
    font-size 12px
    min-height 12px
    line-height 1
    color rgba(0, 0, 0, .54)
    transform translate3d(0, 100%, 0)
    padding 8px 12px 0

  &__messages
    line-height 1

    > div
      word-break break-word
      word-wrap break-word
      overflow-wrap break-word

      & + div
        margin-top 4px

  &__counter
    padding-left 8px
    line-height 1

  &--item-aligned
    // TODO
    padding 8px 16px

    .q-field__before
      min-width 56px

  &__control-container
    height inherit

  &__control
    color $primary
    color var(--q-color-primary)
    height 56px

    &:before, &:after
      content ''
      position absolute
      top 0
      right 0
      bottom 0
      left 0
      pointer-events none
    &:before
      border-radius inherit

  &__native, &__prefix, &__suffix
    font-weight 400
    font-size 14px
    line-height 28px
    letter-spacing .00937em
    text-decoration inherit
    text-transform inherit
    height 100%
    border none
    border-radius 0
    background none
    color rgba(0,0,0,.87)
    outline 0
    padding 6px 0

  &__native
    width 100%
    min-width 0 // needed for FF
{'fraction_non_alphanumeric': 0.08566221142162819, 'fraction_numerical': 0.05437424058323208, 'mean_word_length': 1.9882032667876588, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3209557', 'n_tokens_mistral': 1302, 'n_tokens_neox': 1092, 'n_words': 305}