:host{overflow:visible}.container{position:relative;display:flex;align-items:center;font:var(--fds-paragraphs-regular-bold);gap:var(--fds-spacing-const-ui-gap);padding:var(--fds-spacing-const-btn-sm-v) var(--fds-spacing-const-btn-sm-h);border:none;background:var(--fds-btn-default);cursor:pointer;transition:all 0.2s ease;color:var(--fds-on-btn-default);height:20px;border-radius:var(--fds-round-const-btn-sm)}.counter{position:absolute;display:flex;align-items:center;justify-content:center;width:16px;height:16px;right:-4px;top:-4px;font:var(--fds-paragraphs-tiny-bold);background:var(--fds-surface);color:var(--fds-btn-default);border:2px solid var(--fds-btn-default);border-radius:var(--fds-round-const-badge-lg);box-sizing:content-box}:host([data-open="true"]) .container{background:var(--fds-btn-default-active)}:host([data-open="true"]) .counter{border:2px solid var(--fds-btn-default-active);color:var(--fds-btn-default-active)}:host([data-has-filters="true"]) .container{margin-right:var(--fds-spacing-050)}@media (prefers-reduced-motion:reduce){.container{transition:none}}