.guides-explorer-controls{position:relative}.guides-explorer-buttons{display:flex;flex-wrap:wrap;gap:10px}.guides-explorer-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.guides-explorer-btn:hover{border-color:var(--clay);color:var(--ink)}.guides-explorer-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.guides-explorer-btn-active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.guides-explorer-filter-chevron{transition:transform .15s ease}.guides-explorer-filter-chevron[data-open=true]{transform:rotate(180deg)}.guides-explorer-panel{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:38rem;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);box-shadow:var(--shadow-pop)}.guides-explorer-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper-2);font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .15s ease,color .15s ease}.guides-explorer-pill:hover{border-color:var(--clay);color:var(--clay-2)}.guides-explorer-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.guides-explorer-pill-active{border-color:var(--clay-2);color:var(--clay-2)}