.search-select { position: relative; }
.search-select-trigger {
  width: 100%;
  min-height: 2.25rem;
  padding-block: .4rem;
  border-radius: .9rem;
  border-color: var(--border);
  background: rgba(255,255,255,.76);
  color: var(--graphite);
  justify-content: flex-start;
}
.search-select-menu {
  position: absolute;
  z-index: 20;
  inset: calc(100% + .35rem) 0 auto 0;
  padding: .65rem;
  display: grid;
  gap: .5rem;
  background: var(--surface-solid);
  border: 1px solid var(--border);
  border-radius: 1.25rem;
  box-shadow: 0 24px 70px rgba(82, 50, 20, .12);
}
.search-select-menu[hidden] { display: none; }
.search-select-options { display: grid; gap: .35rem; max-height: 14rem; overflow: auto; }
.search-select-options button {
  justify-content: flex-start;
  min-height: 2.25rem;
  padding-block: .4rem;
  border-color: transparent;
  border-radius: .7rem;
  color: var(--graphite);
}
.search-select-options button:hover { background: var(--cream); border-color: var(--border); }