.site-search-shell{position:relative;display:flex;align-items:center;flex:0 1 164px;min-width:110px;margin-left:auto}
.site-search-form{display:flex;align-items:center;width:100%;height:34px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}
.site-search-form:focus-within{border-color:var(--blue)}
.site-search-form input[type=search]{flex:1;min-width:0;width:100%;height:100%;padding:0 0 0 10px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:11px}
.site-search-form input[type=search]::placeholder{color:var(--muted)}
.site-search-form button,.site-search-toggle{display:grid;place-items:center;flex:none;width:34px;height:32px;padding:0;border:0;background:transparent;color:var(--blue);cursor:pointer}
.site-search-form svg,.site-search-toggle svg{width:16px;height:16px}
.site-search-toggle{display:none}
.site-search-form button:focus-visible,.site-search-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.has-header-project-search .directory-controls{display:flex;align-items:end;justify-content:flex-end}
.has-header-project-search .directory-controls .directory-sort{width:150px}
@media(max-width:1100px){
  .site-search-shell{flex:0 0 34px;min-width:34px}
  .site-search-toggle{display:grid;border:1px solid var(--border);border-radius:7px;background:var(--surface)}
  .site-search-shell.is-open .site-search-toggle{border-color:var(--blue)}
  .site-search-form{display:none;position:fixed;z-index:60;left:12px;right:12px;width:auto;height:40px;box-shadow:0 8px 24px #17233b1f}
  .site-search-shell.is-open .site-search-form{display:flex}
}
@media(max-width:600px){
  .has-header-project-search .directory-controls{display:flex;flex-wrap:wrap;justify-content:flex-end}
  .has-header-project-search .directory-controls .directory-sort{flex:1;min-width:150px}
}
@media(max-width:360px){.site-header .brand>span:not(.logo){display:none}}
@media print{.site-search-shell{display:none}}