@import "../../theme.scss";

.search-container {
  position: relative;

  .searched-items,
  .search-loader {
    position: absolute;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    border-bottom-left-radius: $border-radius;
    border-bottom-right-radius: $border-radius;
    border: 1px solid $border-field;
    border-top: none;
  }

  .searched-items {
    max-height: 360px;
    overflow-y: overlay;
    padding: 8px;

    .sfsyncOption-root {
      font-size: 0.875rem;
    }
  }

  .search-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
  }
}