/* Material search entry, results and keyboard shortcut hint. */
@media (min-width: 60em) {
  .kb-site-header .md-search__inner { width: 8.9rem; }

  body:not(:has(#__search:checked)) .kb-site-header .md-search__form {
    height: 1.6rem;
    border-radius: .4rem;
    background: var(--color-surface);
  }

  body:not(:has(#__search:checked)) .kb-site-header .md-search__form:hover {
    background: var(--color-rule);
  }

  body:not(:has(#__search:checked)) .kb-site-header .md-search__input {
    height: 1.6rem;
    padding-inline: 1.9rem 3.4rem;
    font-size: .7rem;
  }

  body:not(:has(#__search:checked)) .kb-site-header .md-search__input + .md-search__icon {
    top: .3rem;
    inset-inline-start: .5rem;
  }

  body:not(:has(#__search:checked)) .kb-site-header .md-search__input + .md-search__icon svg {
    width: 1rem;
    height: 1rem;
  }

  body:not(:has(#__search:checked)) .kb-search-shortcut { display: block; }
}

.kb-site-header .md-search__form { background: var(--color-surface); }
.kb-site-header .md-search__icon,
.kb-site-header .md-search__input { color: var(--color-ink); }
.kb-site-header .md-search__input::placeholder { color: var(--color-muted); }
.kb-search-shortcut {
  position: absolute;
  z-index: 3;
  top: .35rem;
  inset-inline-end: .6rem;
  display: none;
  padding: .1rem .2rem;
  border: 0;
  border-radius: .2rem;
  color: var(--color-muted);
  background: var(--color-paper);
  box-shadow: none;
  font-family: var(--font-body);
  font-size: .6rem;
  line-height: 1.3;
  pointer-events: none;
}
.kb-search-shortcut__mac,
.kb-platform-mac .kb-search-shortcut__ctrl { display: none; }
.kb-platform-mac .kb-search-shortcut__mac { display: inline; }
[data-md-toggle="search"]:checked ~ .kb-site-header .md-search__form {
  border-radius: .4rem .4rem 0 0;
}
.md-search__scrollwrap {
  border-radius: 0 0 .4rem .4rem;
  background: var(--color-paper);
}