.floh-bar{top:var(--nav-height);z-index:20;margin-inline:calc(-1 * var(--tl-gutter));padding:12px var(--tl-gutter) 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f0e8f5;border-bottom:1px solid #d8d2c673;margin-bottom:18px;position:sticky}.floh-bar-track{scrollbar-width:none;align-items:center;gap:8px;margin:-4px 0;padding:4px 0;display:flex;overflow-x:auto}.floh-pill{border:1.5px solid var(--color-border);background:var(--color-panel);color:var(--color-text);white-space:nowrap;border-radius:24px;flex:none;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.floh-pill:hover{border-color:var(--color-brand);box-shadow:0 2px 8px #1a2b3c0f}.floh-pill[data-active]{border-color:var(--color-brand);background:#1a2b3c0f;box-shadow:0 0 0 2px #1a2b3c1a}.floh-datum{flex:none;align-items:center;display:inline-flex;position:relative}.floh-datum-face{pointer-events:none;gap:7px}.floh-datum[data-active] .floh-datum-face{border-color:var(--color-brand);background:#1a2b3c0f;box-shadow:0 0 0 2px #1a2b3c1a}.floh-datum-input{opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;width:100%;height:100%;font:inherit;color:#0000;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}.floh-datum-input:focus-visible{outline:none}.floh-datum:has(.floh-datum-input:focus-visible) .floh-datum-face{outline:2px solid var(--color-brand);outline-offset:2px}.floh-datum-clear{z-index:1;width:20px;height:20px;color:var(--color-text);cursor:pointer;background:#1a2b3c1a;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:inline-flex;position:absolute;right:6px}.floh-datum[data-active] .floh-datum-face{padding-right:32px}.floh-districts{flex-wrap:wrap;gap:8px;display:flex}.floh-district{border:1px solid var(--color-border);color:var(--color-text);background:#fff;border-radius:9999px;align-items:center;padding:8px 12px;font-size:12.5px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.floh-district:hover{border-color:var(--color-brand)}.floh-district--on{border-color:var(--color-brand);background:var(--color-brand);color:#fff}