.pm-search-inline-meta{
  position:relative;
  z-index:40;
  width:-moz-fit-content;
  width:fit-content;
}
.pm-search-inline-meta > .small{
  display:block;
  white-space:nowrap;
  padding-right:28px;
}
.pm-board-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.pm-search-root{
  position:absolute;
  right:0;
  top:50%;
  line-height:1;
  transform:translateY(-50%);
  z-index:41;
  isolation:isolate;
}
.pm-search-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(0,0,0,.78);
  cursor:pointer;
  line-height:1;
}
.pm-search-toggle svg{display:block;width:18px;height:18px}
@media (hover:hover) and (pointer:fine){
  .pm-search-toggle:hover{color:rgba(0,0,0,.98)}
}
.pm-search-layer{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  width:320px;
  max-width:calc(100vw - 24px);
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 36px rgba(0,0,0,.16);
  opacity:1;
  overflow:hidden;
  max-height:0;
  visibility:hidden;
  transform:translateY(-6px);
  pointer-events:none;
  z-index:120;
  transition:max-height .24s ease, transform .24s ease;
}
.pm-search-root.is-open .pm-search-layer,
.pm-search-layer.is-open{
  max-height:240px;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.pm-search-form{padding:12px 12px 11px}
.pm-search-inputrow{display:flex;align-items:center;gap:8px}
.pm-search-input{
  flex:1 1 auto;
  min-width:0;
  height:34px;
  padding:0 10px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:9px;
  background:#fff;
  color:rgba(0,0,0,.88);
  font-size:13px;
  outline:none;
}
.pm-search-input::placeholder{color:rgba(0,0,0,.34);opacity:1}
.pm-search-input:focus{border-color:rgba(0,0,0,.24)}
.pm-search-submit{
  height:34px;
  padding:0 12px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:9px;
  background:#fff;
  color:rgba(0,0,0,.86);
  font-size:12px;
  cursor:pointer;
}
@media (hover:hover) and (pointer:fine){
  .pm-search-submit:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.22)}
}
.pm-search-options{
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:10px;
  font-size:12px;
  color:rgba(0,0,0,.76);
}
.pm-search-options label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pm-search-options input{margin:0}
.pm-search-error{
  display:none;
  margin-top:9px;
  font-size:12px;
  line-height:1.4;
  color:rgba(0,0,0,.58);
}
.pm-search-error.is-show{display:block}
.pm-search-snippet{
  margin-top:8px;
  font-size:12px;
  line-height:1.5;
  color:rgba(0,0,0,.64);
  word-break:break-word;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.pm-search-hit{
  display:inline;
  background:#FFE86A;
  color:#111;
  border-radius:3px;
  padding:0 2px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
@media (max-width:720px){
  .pm-board-tools{width:auto;justify-content:flex-end}
}
@media (max-width:520px){
  .pm-search-layer{width:min(320px, calc(100vw - 24px))}
  .pm-search-form{padding:11px 11px 10px}
  .pm-search-submit{white-space:nowrap}
}