.locality-search {
  position: relative; }
  .locality-search__popup {
    position: absolute;
    overflow: auto;
    top: calc(100%);
    max-height: 300px;
    width: 100%;
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 2px 16px 0 rgba(33, 43, 54, 0.08);
    border: 1px solid #c4cdd5;
    user-select: none;
    z-index: 20; }
    .locality-search__popup--hidden {
      display: none; }
    .locality-search__popup__suggestion {
      display: block;
      background-color: #ffffff;
      color: inherit;
      border: none;
      border-bottom: 0.5px solid #c4cdd5;
      padding: 8px;
      font: inherit;
      cursor: pointer;
      outline: inherit;
      width: 100%;
      text-align: left;
      border-radius: 0; }
      .locality-search__popup__suggestion:hover, .locality-search__popup__suggestion:focus {
        background-color: #f4f6f8;
        color: #212b36; }