.fbar-wrap{z-index:30;background:linear-gradient(var(--paper) 78%, #f7efdd00);padding:10px 0 8px;position:sticky;top:0}.fbar{background:var(--card);box-shadow:var(--shadow-md);border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 10px;display:flex}.fbar .chip{padding:7px 12px}.fbar-div{background:var(--hairline);flex:none;align-self:stretch;width:1px;margin:3px}.fbar-search{background:var(--paper);border-radius:999px;flex:190px;align-items:center;gap:8px;min-width:150px;height:36px;padding:0 14px;display:flex}.fbar-search svg{width:15px;height:15px;color:var(--ink-faint);flex:none}.fbar-search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:.86rem;font-weight:600}.fbar-search input::placeholder{color:var(--ink-faint);font-weight:600}.fbar-menu{position:relative}.fbar-menu>.chip svg{opacity:.6;width:11px;height:11px;margin-left:-1px}.fbar-menu.open>.chip{color:var(--ink);border-color:var(--hairline);background:#fff}.fbar-menu.open>.chip.on{background:var(--pine-deep);color:#f2f8ec;border-color:var(--pine-deep)}.fbar-pop{z-index:40;background:var(--card);min-width:236px;max-width:340px;box-shadow:var(--shadow-md);border:1px solid var(--hairline);border-radius:16px;max-height:62vh;padding:8px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.fbar-pop.right{left:auto;right:0}.fbar-pop-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);border-top:1px solid var(--hairline);margin-top:6px;padding:10px 10px 4px;font-size:.68rem;font-weight:800}.fbar-pop-h:first-child{border-top:0;margin-top:0}@media (max-width:900px){.fbar{border-radius:20px;padding:8px}.fbar-search{flex-basis:100%}.fbar-div{display:none}.fbar-pop{width:auto;min-width:0;max-width:none;max-height:56vh;box-shadow:0 -6px 40px #33270f38, var(--shadow-md);border-radius:18px;position:fixed;inset:auto 10px 10px}}