/* Catalog filter controls share the public purple accent and quiet glass. */
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-filter-surface: rgba(255,255,255,.30);
  --catalog-filter-border: rgba(125,128,155,.16);
  --catalog-filter-hover: rgba(255,255,255,.52);
  --catalog-filter-selected: rgba(99,86,221,.11);
  --catalog-filter-selected-border: rgba(99,86,221,.26);
  --catalog-filter-ink: #5145b8;
  --catalog-filter-count: rgba(255,255,255,.5);
  --catalog-filter-divider: rgba(125,128,155,.12);
  --catalog-filter-scroll: rgba(116,110,153,.27);
}
.dark body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) {
  --catalog-filter-surface: rgba(255,255,255,.035);
  --catalog-filter-border: rgba(211,207,255,.13);
  --catalog-filter-hover: rgba(211,207,255,.075);
  --catalog-filter-selected: rgba(157,145,255,.15);
  --catalog-filter-selected-border: rgba(174,164,255,.32);
  --catalog-filter-ink: #c5bcff;
  --catalog-filter-count: rgba(255,255,255,.06);
  --catalog-filter-divider: rgba(211,207,255,.10);
  --catalog-filter-scroll: rgba(188,179,230,.27);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card {
  scrollbar-width: auto;
  scrollbar-color: auto;
  scrollbar-gutter: stable;
  overflow-x: hidden;
  padding: 16px;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar { width: 6px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-track { background: transparent; margin-block: 16px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-thumb { background: var(--catalog-filter-scroll); border-radius: 999px; }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
@supports not selector(::-webkit-scrollbar) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) aside.bg-card {
    scrollbar-width: thin;
    scrollbar-color: var(--catalog-filter-scroll) transparent;
  }
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] {
  background: var(--catalog-filter-surface);
  border-color: var(--catalog-filter-border);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  transition: background-color .18s,border-color .18s,color .18s;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed]:hover { background: var(--catalog-filter-hover); }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed="true"] {
  background: var(--catalog-filter-selected);
  border-color: var(--catalog-filter-selected-border);
  color: var(--catalog-filter-ink);
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] > span:last-child:not(:first-child):not(.truncate) {
  background: var(--catalog-filter-count);
  color: inherit;
  font-variant-numeric: tabular-nums;
}
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) [data-slot="collapsible"] { border-color: var(--catalog-filter-divider); }
body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed]:focus-visible {
  outline: 2px solid #a5a0f3;
  outline-offset: 2px;
}
@media(prefers-reduced-motion:reduce) {
  body:has(header.pointer-events-none a[href="/pricing"][aria-current="page"]) :is(aside.bg-card,[data-slot="sheet-content"]) button[aria-pressed] { transition: none; }
}