@keyframes navSearchPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-search-pop{z-index:220;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:min(70vh,420px);padding:6px;animation:.15s navSearchPopIn;position:fixed;overflow-y:auto}.nav-search-pop-meta{font-size:var(--text-sm);color:var(--ink-soft);margin:0;padding:10px 12px}.nav-search-pop-item{border-radius:var(--radius-sm);width:100%;color:inherit;text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:2px 12px;padding:10px 12px;text-decoration:none;display:grid}.nav-search-pop-item:hover,.nav-search-pop-item.is-active{background:var(--lavender)}.nav-search-pop-kind{font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--purple);grid-row:1/span 2;align-self:center;font-weight:600}.nav-search-pop-title{font-size:var(--text-sm);color:var(--ink);font-weight:600}.nav-search-pop-sub{font-size:var(--text-xs);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-search-pop-all{border:0;border-top:1px solid var(--line);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:100%;font-size:var(--text-sm);color:var(--purple);text-align:left;cursor:pointer;background:0 0;margin-top:4px;padding:10px 12px;font-weight:500;display:block}.nav-search-pop-all:first-child{border-radius:var(--radius-sm);border-top:0;margin-top:0}.nav-search-pop-all:hover{background:var(--lavender)}.nav-search input[type=search]::-webkit-search-cancel-button{appearance:none}.nav-search .search-field input{padding-right:38px}.search-clear{width:24px;height:24px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear:hover{background:var(--lavender);color:var(--purple)}