@import '../../style/var.scss';

.bgo-form-item {
  display: flex;
  flex-direction: column;
  background-color: $white;

  &__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: $padding-md;
  }

  &__field {
    width: 100%;
    flex: 1 1;
  }

  &__field__label {
    position: relative;
    color: $black;
    font-size: $font-size-lg;
  }

  &__field__value {
    min-height: $font-size-md;
    margin-top: $padding-xs;
    font-size: $font-size-lg;
  }

  &__tip {
    padding: $padding-xs $padding-md;
    color: $text-tip-color;
    font-size: $font-size-sm;
    border-top: 1px solid $border-color;
  }

  .van-cell {
    padding: 0;
  }

  .van-field__body {
    font-size: $font-size-lg;
  }

  &.is-disabled {
    .bgo-form-item__field__label {
      color: $gray-8;
    }
  }
}