@use '../abstracts' as *;

/* Molecule - form label + field */

.m-form-label-field {
  display: flex;
  flex-direction: column;
  margin-bottom: toRem(25);

  /* VARIANTES */
  &--inline {
    flex-direction: row;
    align-items: center;
    gap: toRem(8);
    .a-label {
      margin-bottom: 0;
    }
  }

  .a-label.a-label--help.-error:first-child{
    padding-left: 0;
  }

  &__edit-inline{
    display: flex;
    align-items: center;
    gap: toRem(10);

    &__txtvalue{
      margin: toRem(10) 0;
    }
  }


  /* MODIFIERS */
  &.-width-sm {
    width: 288px;
  }
  &.-width-md {
    width: 385px;
  }
  &.-width-lg {
    width: 450px;
  }
  &.-width-xl {
    width: 700px;
  }
  &.-width-full {
    width: 100%;
  }
}