//@import 'public-booking/main_dependencies';

bb-attendee-details-facet.attendee-details {
  display: block;
 // @include form;
}

// Variant shows text fields (part of the width) and error messages in the same line.
bb-attendee-details-facet.attendee-details--variant-1 {
  .attendee-details {

    &__input-group {
      display: flex;
      align-content: center;

      &> * {
        width: 50%;
      }
    }

    &__validation-box {
      //@include validation-box-vertical;
    }
  }
}

// Variant shows text fields using full width. Error messages are in the separate lines.
bb-attendee-details-facet.attendee-details--variant-2 {
  .attendee-details {
    &__validation-box {
      //@include validation-box-horizontal;
    }
  }
}