body:has(#search-dialog[open]) {
  overflow: hidden;
}
.navbar-item.search {
  background: none;
  border: none;
  outline: none;
  line-height: 1;
  width: 3rem;
}
@media screen and (min-width:85rem) {
  .navbar-brand .navbar-item.search {
    margin-left: 56rem;
    margin-right: auto;
    -ms-fleck-pack: unset;
    -webkit-box-pack: unset;
    justify-content: unset;
  }
}
.navbar-item.search > img {
  height: 80%;
}
#search-dialog {
  border: none;
  width: 60vw;
  max-height: 80vh;
  margin-top: 5rem;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);;
}
#search-dialog::backdrop {
  backdrop-filter: blur(8px);
  pointer-events: none;
}
#search-dialog.is-open {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
#search-dialog .button {
  background: none;
  border: none;
  outline: none;
  margin-inline-start: auto;
}
@media screen and (max-width: 1024px) {
  #search-dialog {
    width: 90vw;
  }
}