@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

@import '../mixins/breakpoints.scss';

.input-group {
  display: flex;
  align-items: center;
  label {
    min-width: 110px;
    font-size: 14px;
    font-weight: bold;
    align-self: center;
    margin-right: 10px;
  }
  &.auto {
    label {
      min-width: auto;
    }
  }
  &.is-stacked {
    flex-direction: column;
    align-items: flex-start;
    label {
      margin-top: 0px;
      align-self: flex-start;
      margin-bottom: 4px;
    }
  }

  &.responsive {
    @include media-size-down(mobile) {
      flex-direction: column;
      align-items: flex-start;
      label {
        margin-top: 0px;
        align-self: flex-start;
        margin-bottom: 4px;
      }
      > div {
        width: 100%;
      }
    }
  }
}