@layer components{.pill-group{display:inline-flex;align-items:center;gap:.25rem}@media(width >= 48rem){.pill-group{gap:.5rem}}.pill{display:inline-flex;align-items:center;justify-content:center;appearance:none;box-sizing:border-box;margin:0;padding:.5rem .75rem;min-width:40px;border:none;border-radius:9999px;background-color:rgba(0,0,0,0);color:#000;font-family:inherit;font-size:10px;font-weight:600;line-height:1;text-align:center;text-decoration:none;cursor:pointer}@media(width >= 48rem){.pill{padding:.5rem 1rem;font-size:14px}}html.dark .pill{color:#fff}.pill.active{background-color:var(--color-accent-blue);color:#fff}html.dark .pill.active{background-color:var(--color-primary-green);color:#000}.pill.pill--disabled,.pill:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}}