@use "../colors" as c;
@use "../mixins" as m;

.search-box {
  display: block;
  position: relative;

  input[type="search"] {
    @include m.ilios-input;

    &.search-input {
      padding-left: 1.5rem;
    }
  }

  .search-icon {
    color: c.$blueMunsell;
    display: inline-block;
    left: 0;
    margin-right: 2px;
    padding-left: 6px;
    position: absolute;
    top: 0.2rem;
  }
}
