.pill-filter-bar-wrap{width:100%;max-width:100%}.pill-filter-bar{--nav-h:40px;--pill-pad-x:16px;--pill-gap:4px;box-sizing:border-box;align-items:center;width:max-content;max-width:100%;display:flex;position:relative}.pill-scroll-hint{color:#e9e7e1;cursor:pointer;z-index:6;background:#17150fe6;border:1px solid #e9e7e159;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;animation:1.6s ease-in-out infinite pill-hint-pulse;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #00000059}.pill-scroll-hint.left{left:-8px}.pill-scroll-hint.right{right:-8px}.pill-scroll-hint svg{width:16px;height:16px}@keyframes pill-hint-pulse{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pill-scroll-hint{animation:none}}.pill-filter-bar-items{min-height:var(--nav-h);height:var(--nav-h);scrollbar-width:thin;background:linear-gradient(115deg,#2b2320 0%,#3d312a 16%,#1a1817 32%,#4a3f38 48%,#6b6560 64%,#2a2623 80%,#17150f 100%) 0%/220% 100%;border:1px solid #ffffff38;border-radius:16px;align-items:center;max-width:100%;padding:3px;transition:background-position .6s,box-shadow .3s;display:flex;position:relative;overflow-x:auto;box-shadow:0 4px 22px #22282c2e,inset 0 1px #4c2d2d26,inset 0 -1px #22282c33}.pill-filter-bar-items:hover{background-position:100%;box-shadow:0 6px 28px #22282c38,inset 0 1px #fff3}.pill-filter-bar-items:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(#ffffff24 0%,#0000 42%,#0000000f 100%);position:absolute;inset:0}.pill-filter-list{z-index:1;align-items:stretch;gap:var(--pill-gap);flex-wrap:nowrap;height:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.pill-filter-list>li{flex-shrink:0;height:100%;display:flex}.pill-filter-pill{height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg,#e9e7e1);color:var(--pill-text,#141a15);box-sizing:border-box;letter-spacing:.02em;white-space:nowrap;cursor:pointer;font-size:13px;font-weight:600;line-height:1;font-family:var(--font-body), system-ui, sans-serif;border:none;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.pill-filter-pill:focus-visible{outline:2px solid var(--gold,#198a6d);outline-offset:2px}.pill-filter-pill .hover-circle{z-index:1;pointer-events:none;will-change:transform;background:linear-gradient(155deg,#6b6560 0%,#3d312a 55%,#17150f 100%);border-radius:50%;display:block;position:absolute;bottom:0;left:50%}.pill-filter-pill .label-stack{z-index:2;line-height:1.2;display:inline-block;position:relative}.pill-filter-pill .pill-label{z-index:2;will-change:transform;line-height:1.2;display:inline-block;position:relative}.pill-filter-pill .pill-label-hover{color:var(--hover-text,#e9e7e1);z-index:3;will-change:transform, opacity;display:inline-block;position:absolute;top:0;left:0}.pill-filter-pill.is-active{box-shadow:0 0 0 2px #2dd4bf,0 0 12px #2dd4bf8c}.pill-filter-pill.is-active:after{content:"";z-index:4;background:#2dd4bf;border-radius:50%;width:6px;height:6px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}