.site-search-shell[hidden]{display:none !important}
.site-search-shell{
  position:fixed;
  inset:0;
  z-index:5000;
  display:grid;
  place-items:start center;
  padding:clamp(72px,10vh,112px) 20px 20px;
}
.site-search-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:rgba(1,9,20,.82);
  cursor:default;
  appearance:none;
  -webkit-appearance:none;
}
.site-search-dialog{
  position:relative;
  z-index:1;
  width:min(720px,100%);
  max-height:min(720px,calc(100vh - 112px));
  overflow:hidden;
  border:1px solid #28506f;
  border-top:3px solid #1988e8;
  border-radius:10px;
  background:#07182e;
  box-shadow:0 28px 80px rgba(0,0,0,.55);
  color:#e8f3fb;
}
.site-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px 14px;
  border-bottom:1px solid #1d3b55;
}
.site-search-head small{
  display:block;
  margin-bottom:3px;
  color:#d3a55e;
  
  letter-spacing:0.06em;
  text-transform:uppercase;font:800 12px/1 Inter,sans-serif;line-height:1.35;}
.site-search-head h2{
  margin:0;
  color:#fff;
  
  text-transform:uppercase;font:600 24px/1.1 Oswald,Inter,sans-serif;}
.site-search-close{
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid #2b4b65;
  border-radius:7px;
  background:#0b2238;
  color:#dce9f4;
  
  cursor:pointer;
  touch-action:manipulation;
  appearance:none;
  -webkit-appearance:none;font:400 25px/1 Inter,sans-serif;}
.site-search-body{padding:16px 20px 20px}
.site-search-label{
  display:block;
  margin-bottom:7px;
  color:#8ea5b8;
  
  letter-spacing:0.06em;
  text-transform:uppercase;font:800 12px/1.2 Inter,sans-serif;line-height:1.35;}
.site-search-input{
  width:100%;
  height:50px;
  padding:0 15px;
  border:1px solid #365874;
  border-radius:7px;
  outline:0;
  background:#fff;
  color:#07182e;
  
  appearance:none;
  -webkit-appearance:none;font:600 16px/1 Inter,sans-serif;}
.site-search-input:focus{
  border-color:#62c5ff;
  box-shadow:0 0 0 3px rgba(98,197,255,.2);
}
.site-search-status{
  min-height:18px;
  margin:10px 1px 8px;
  color:#7896ad;font:600 12px/1.4 Inter,sans-serif;line-height:1.35;}
.site-search-results{
  max-height:min(470px,calc(100vh - 290px));
  overflow:auto;
  border-top:1px solid #18364f;
  -webkit-overflow-scrolling:touch;
}
.site-search-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  padding:10px 12px;
  border-bottom:1px solid #18364f;
  color:#e8f3fb;
  text-decoration:none;
  touch-action:manipulation;
}
.site-search-result:hover{
  outline:0;
  background:#0d2943;
}
.site-search-result:focus-visible{
  outline:0;
  background:#0d2943;
}
.site-search-result strong{
  display:block;
  color:#fff;font:700 14px/1.3 Inter,sans-serif;}
.site-search-result span{
  display:block;
  margin-top:2px;
  color:#7896ad;font:600 12px/1.3 Inter,sans-serif;line-height:1.35;}
.site-search-result b{
  flex:0 0 auto;
  color:#62c5ff;
  
  letter-spacing:0.06em;
  text-transform:uppercase;font:800 12px/1 Inter,sans-serif;line-height:1.35;}
body.site-search-open{overflow:hidden}

@media(max-width:620px){
  .site-search-shell{padding:68px 10px 10px}
  .site-search-dialog{max-height:calc(100vh - 78px);border-radius:8px}
  .site-search-head{padding:15px 14px 12px}
  .site-search-head h2{;font-size:21px;}
  .site-search-body{padding:13px 14px 15px}
  .site-search-results{max-height:calc(100vh - 260px)}
  .site-search-result{padding:10px 8px}
}