.chip-bar{top:calc(env(safe-area-inset-top,0px) + var(--hdr-real,var(--hdr-h)));z-index:20;border-bottom:1px solid var(--line);background:#f4efe7f7;position:sticky}.chip-bar .wrap{scrollbar-width:none;gap:8px;padding-block:12px;display:flex;overflow-x:auto}.chip-bar .wrap::-webkit-scrollbar{display:none}.chip{min-height:40px;font:500 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#e9dfd0;border:1px solid #e9dfd0;flex:none;align-items:center;gap:8px;padding:0 15px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{background:#dfd2bf;border-color:#dfd2bf}.chip[aria-current=true],.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--cream)}.chip .n{font-variant-numeric:tabular-nums;opacity:.75;font-size:12px}@media (min-width:761px){.chip-bar .wrap{flex-wrap:wrap;justify-content:center;row-gap:8px;overflow:visible}}@media (max-width:760px){.chip-bar .wrap{scroll-padding-inline:16px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%)}}