.pill{display:flex;justify-content:center;align-items:center;padding:4px 16px;border-radius:999px;font-size:14px;filter:drop-shadow(0 1px 1px rgb(0 0 0/5%));&.-primary { background-color: var(--primary-surface); color: var(--primary-text); } &.-secondary { background-color: var(--secondary-surface); color: var(--secondary-text); } &.-streak { background-color: var(--streak-surface); color: var(--streak-text); } &.-muted { border-color: var(--bg-dark); border-width: 1px; background-color: var(--bg); color: var(--text-muted); }}