@import '../../../../../../scss/styles.scss';

$icon-width: base(1);
$icon-margin: base(.25);

.block-search {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  z-index: 1;

  &__input {
    @include formInput;
    padding-right: calc(#{$icon-width} + #{$icon-margin} * 2);
  }

  .search {
    position: absolute;
    right: base(.25);
    width: $icon-width;
    margin: 0 $icon-margin;
  }

  @include mid-break {
    &__input {
      margin-bottom: 0;
    }
  }
}
