@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;min-height:var(--filter-control-height);padding:6px 10px;min-width:40px;border:1px solid var(--btn-shaded-border);border-radius:var(--filter-control-radius);background-color:var(--btn-shaded-bg);color:var(--btn-shaded-text);font-family:inherit;font-size:.6875rem;font-weight:600;line-height:1;text-align:center;text-decoration:none;cursor:pointer}.pill:hover:not(.active,:disabled,.pill--disabled){color:var(--btn-shaded-active-text);border-color:var(--btn-shaded-active-border)}.pill.active{background-color:var(--btn-shaded-active-bg);border-color:var(--btn-shaded-active-border);color:var(--btn-shaded-active-text)}.pill.pill--disabled,.pill:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pill-group--circle{gap:2px}@media(width >= 48rem){.pill-group--circle{gap:2px}}.pill--circle{min-width:0;height:1.75rem;padding:0 .4rem;font-weight:700}@media(width >= 48rem){.pill--circle{height:2.125rem;padding:0 .5rem}}.pill--circle:hover:not(.active){color:var(--color-accent)}.pill--circle.active{min-width:1.75rem;padding:0 .25rem;background-color:var(--btn-shaded-active-bg);border-color:var(--btn-shaded-active-border);color:var(--btn-shaded-active-text)}@media(width >= 48rem){.pill--circle.active{min-width:2.125rem;padding:0 .3rem}}}