:host {
  --list-height: 0px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
:host .ojp-listbox-button {
  all: inherit;
  border: none;
  cursor: pointer;
}
:host ::slotted(ul) {
  height: 0;
  left: 0;
  list-style: none;
  margin: 0;
  overflow: hidden scroll;
  padding: 0;
  position: absolute;
  top: calc(100% + 11px);
  transition: height ease-in-out 0.2s, visibility linear 0s 0.2s;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
:host ::slotted(ul > li) {
  cursor: pointer;
  list-style: none;
  padding: 0;
}
:host ::slotted(ul > li)[aria-selected=true] {
  outline: 2px solid blue;
}
:host ::slotted(ul.expanded) {
  height: var(--list-height);
  transition: height ease-in-out 0.2s;
  visibility: visible;
}