@import '../settings/_variables.scss';
@import '../tools/mixins/breakpoints';

.c-input {
  border: $hairline solid $color-separator;
  border-radius: 2em;
  padding: $margin-small $margin-normal;
  margin-bottom: 1.5em;
  outline: none;
  width: 100%;
  &--filled {
    padding: 10px 17px;
    border: none;
    border-radius: $panel-item-radius;
    background-color: $color-background-alternative;
    line-height: 1.75em;
    display: flex;
    align-items: center;
    @include media-breakpoint-up(sm) {
      padding-top: 9px;
      padding-bottom: 9px;
      font-size: $font-size-caption;
      line-height: 1.571em;
    }
  }
}