@import './_mixin.styl'

.tn-inputNumber
  box-sizing border-box
  display flex
  align-items center
  height 80px
  padding: 0 54px
  &--hasBorder
    border-1px(all, #EBEBEB, 6px)
  &__left, &__right
    display flex
    align-items center
    justify-content center
    width 60px
    height 60px
  &__minus, &__plus
    display flex
    align-items center
    justify-content center
    width 36px
    height 36px
    border-radius 50%
  &__mid
    flex: 1
    display flex
    justify-content center
    margin 0 15px
    font-weight bold
    &-value
      line-height 36px
      font-size 36px
    &-prefix, &-suffix
      line-height 36px
      font-size: 18px