.category-pill{padding:4px 12px}.category-pill a,.category-pill button{display:inline-block;color:var(--joy-color-primary-50);font-size:var(--joy-font-size-primary-400);text-align:center;transition:color var(--joy-transition-duration-default) var(--joy-transition-timing-function);position:relative;background:transparent}.category-pill a span,.category-pill button span{position:relative;z-index:2}.category-pill a:after,.category-pill button:after{border:1px solid var(--joy-color-primary-50);border-radius:50px;background-color:var(--joy-color-neutral-0);content:"";z-index:1;position:absolute;top:-4px;bottom:-4px;right:-12px;left:-12px;transition:background-color var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.category-pill a:hover,.category-pill button:hover{color:var(--joy-color-neutral-0)}.category-pill a:hover:after,.category-pill button:hover:after{background-color:var(--joy-color-primary-50)}.category-pill.selected a,.category-pill.selected button{color:var(--joy-color-neutral-0)}.category-pill.selected a:after,.category-pill.selected button:after{background-color:var(--joy-color-primary-50)}.category-pill.selected a:hover:after,.category-pill.selected button:hover:after{background-color:var(--joy-color-primary-70)}.category-pill.white a,.category-pill.white button{color:var(--joy-color-neutral-0)}.category-pill.white a:after,.category-pill.white button:after{border:1px solid var(--joy-color-neutral-0);background-color:var(--joy-color-primary-50)}.category-pill.white a:hover,.category-pill.white button:hover{color:var(--joy-color-primary-50)}.category-pill.white a:hover:after,.category-pill.white button:hover:after{background-color:var(--joy-color-neutral-0)}.category-pill.white a.selected:after,.category-pill.white button.selected:after{background-color:var(--joy-color-neutral-30)}