search{display:block;position:relative}search input{background:var(--surface-raised,#252525);border:1px solid var(--border-strong);width:100%;color:var(--foreground);transition:border-color var(--duration-fast) ease;outline:none;padding:.75rem 1rem;font-size:1rem}search input::placeholder{color:var(--gray-medium)}search input:focus{border-color:var(--foreground)}search[aria-busy=true]:after{content:"";box-sizing:border-box;border:2px solid var(--gray-medium);border-top-color:#0000;border-radius:50%;width:1.25rem;height:1.25rem;animation:.7s linear infinite blog-spin;position:absolute;top:50%;right:.75rem;translate:0 -50%}@keyframes blog-spin{to{rotate:1turn}}search :is(ul,output){z-index:10;background:var(--surface-raised,#252525);border:1px solid var(--border-strong);border-top:none;width:100%;position:absolute;top:100%;left:0}search ul{max-height:24rem;margin:0;padding:.5rem 0;list-style:none;overflow-y:auto;box-shadow:0 8px 24px #0006}search output{text-align:center;color:var(--gray-medium);padding:1rem}search li a{transition:background var(--duration-fast) ease;flex-direction:column;gap:.25rem;padding:.75rem 1rem;text-decoration:none;display:flex}search li a:hover{background:var(--line-subtle,#333)}search li a>span:first-child{color:var(--foreground);font-weight:300}search li a>span:nth-child(2){color:var(--gray-medium);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}search li a>div{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}search li a>div span{background:var(--line-subtle,#333);color:var(--gray-medium);border:1px solid var(--border-strong);padding:.125rem .5rem;font-size:.75rem}