.form-item {
  width: 100%;
  padding: 3px 0px;
  margin-top: 12px;
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  &--2 {
    width: calc(50% - 3.5px);
  }
  &--3 {
    width: calc(33.33% - 4.6px);
  }
  &--4 {
    width: calc(25% - 5.2px);
  }
  &--hidden {
    opacity: 0;
    pointer-events: none;
    max-height: 1px;
  }
  &__label {
    // color: $gray-dark;
    display: block;
    transform: translateX(15px);
    transition: all 250ms;
    padding-bottom: 5px;
    width: 100%;
  }
  &--num {
    flex-direction: row;
    align-items: center;
    &__label {
      width: inherit;
    }
    &__picker {
      display: flex;
      &__btn {
        font-size: 24px;
        padding: 10px;
      }
    }
  }
  &.focused {
    .form-item__label {
      transform: translateX(0px);
    }
  }
}