.pill{border:1px solid var(--primary-color);display:inline-flex;align-items:center;align-content:center;flex-wrap:wrap;border-radius:8px;padding:10px;text-indent:0;font-family:Lora,Georgia,serif;font-size:var(--font-size);line-height:normal;background-image:none;cursor:pointer}.pill.icon.text{column-gap:9px}.pill .pill-text{margin-top:-2px}.pill .pill-icon svg{height:24px;width:24px}.pill .pill-icon svg .cob-ds-f{fill:var(--primary-color)}.pill .pill-icon svg .cob-ds-s{stroke:var(--primary-color);fill:transparent}.pill a,.pill a:visited{color:var(--primary-color);line-height:normal;text-decoration:none!important}.pill a:has(svg),.pill a:visited:has(svg){display:flex;flex-basis:fit-content;align-items:center;gap:8px}.pill{color:var(--primary-color)}.pill.is-active,.pill:active,.pill:focus,.pill:hover{background-color:var(--active-background-color);color:var(--active-primary-color)}.pill.is-active a,.pill:active a,.pill:focus a,.pill:hover a{color:var(--active-primary-color)}.pill.is-active .pill-icon svg .cob-ds-f,.pill:active .pill-icon svg .cob-ds-f,.pill:focus .pill-icon svg .cob-ds-f,.pill:hover .pill-icon svg .cob-ds-f{fill:var(--background-color)}.pill.is-active .pill-icon svg .cob-ds-s,.pill:active .pill-icon svg .cob-ds-s,.pill:focus .pill-icon svg .cob-ds-s,.pill:hover .pill-icon svg .cob-ds-s{stroke:var(--background-color);fill:transparent}