.fz2 .searchbox{width:22.5rem;max-width:100%;position:relative}.fz2 .searchbox .search{width:100%}.fz2 .searchbox .search::-webkit-search-cancel-button{cursor:pointer}.fz2 .searchbox .search:focus-visible{outline:2px solid var(--good);outline-offset:1px}.fz2 .searchbox .results,.fz2 .searchbox .no-results{z-index:20;top:calc(100% + var(--s1));position:absolute;left:0;right:0}.fz2 .searchbox .results{padding:var(--s1)0;text-align:left;max-height:24rem;margin:0;list-style:none;overflow-y:auto}.fz2 .searchbox .results[hidden]{display:none}.fz2 .searchbox li{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s2)var(--s3);cursor:pointer;display:flex}.fz2 .searchbox li.on{background:var(--neutral)}.fz2 .searchbox .r-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.fz2 .searchbox .r-meta{white-space:nowrap;font-size:var(--fs-ui)}.fz2 .searchbox .no-results{padding:var(--s2)var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-ui);text-align:left;margin:0}.fz2 .searchbox.hero{width:100%;max-width:36rem;margin:0 auto}.fz2 .searchbox.hero .search{background:var(--surface);border-color:var(--line);padding:var(--s3)var(--s4);font-size:var(--fs-body);border-radius:12px}@media (max-width:47.9375em){.fz2 .topbar .searchbox,.fz2 .topbar .search-slot{display:none}.fz2 .searchbox.hero .search{display:block}}