.PillBase{line-height:2rem;border-radius:1rem;background-color:var(--bg-ui-fill);color:var(--text-primary);display:inline-block;box-sizing:border-box;width:fit-content}.PillBase.small{line-height:1rem;padding:.175rem .75rem}.PillBase:not(.disabled):hover{background-color:var(--bg-ui-fill-hover)}.PillBase.active{background-color:var(--primary-ui);color:var(--text-primary)}.PillBaseContents{display:flex;align-items:center}.PillBase.active:not(.disabled):hover{background-color:var(--primary-ui-hover)}.PillBase.stroke{background-color:transparent;border:1px solid var(--border-ui)}.PillBase.stroke.active{border:1px solid var(--bg-ui-fill);background-color:var(--bg-ui-fill)}.PillBase.stroke:not(.disabled):hover{background-color:var(--bg-ui-fill-hover);border:1px solid var(--bg-ui-fill-hover)}.PillBase.ghost{background-color:transparent}.PillBase.ghost.active{background-color:var(--bg-ui-fill)}.PillBase.ghost:not(.disabled):hover{background-color:var(--bg-ui-fill-hover)}.PillBase.secondary:not(.disabled):hover,.PillBase.secondary{border:1px solid var(--border-section, #2F2F2F);background-color:var(--bg-secondary)}