.fpills{display:flex;justify-content:center;margin-bottom:clamp(56px,7vw,112px)}.fpills__capsule{max-width:100%;padding:6px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px #0000000f,0 18px 40px -24px #00000059}.fpills__list{--fade-l: 0px;--fade-r: 0px;position:relative;display:flex;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:999px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),transparent)}.fpills__list::-webkit-scrollbar{display:none}.fade-start .fpills__list{--fade-l: 36px}.fade-end .fpills__list{--fade-r: 36px}.fpills__list>li{flex:none}.fpill{position:relative;isolation:isolate;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;font-family:var(--f-mono);font-size:13.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:color .35s var(--ease),background-color .35s var(--ease)}.fpill.is-on{color:var(--yellow)}@media(hover:hover){.fpill:hover:not(.is-on){background:var(--yellow)}}.fpill:focus-visible{outline-offset:-3px}.fpill__fill{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--ink)}.fpill__label{position:relative}@media(max-width:720px){.fpill{height:44px;padding:0 16px;font-size:12.5px}}@media(max-width:600px){.fpill{padding:0 clamp(9px,2.9vw,14px);font-size:12px;letter-spacing:.04em}}