@import '../../styles/define';

.hor-field {
  &.is-column{
    .hor-field-input{
      text-align: left;
    }
  }
  .hor-field-clear{
    margin-left: 0;
  }
  .hor-field-unit {
    @extend %c3;
    flex: none;
    margin-left: j(4);
  }
}

.hor-field-input {
  @extend %df1;
  @extend %tar;
  @extend %c3;
  width: 0;
  font-size: j(14);
  border: none;
  word-break: normal;
  background-color: transparent;
}

.hor-field-clear {
  @extend %df;
  @extend %aic;
  @extend %cp;
  @extend %jcc;
  margin-right: j(-8);
  color: #ccc;
  padding: 0 j(8);
  font-size: j(16);
}