.filter-button{background-color:var(--filter);border:2px solid var(--onFilter);border-radius:60px;color:var(--onFilter);font-size:1rem;font-weight:700;line-height:1.125rem;padding:8px 12px 6px;transition:all .3s ease}.filter-button.--active{background-color:var(--filterHover);color:var(--onFilterHover)}.filter-button.--inactive{opacity:.5;pointer-events:none}.filter-button>span{opacity:0}.filter-button>span.--distribution-loaded{opacity:1;transition:opacity .3s ease-in}@media screen and (width >= 640px){.filter-button:hover{background-color:var(--filterHover);color:var(--onFilterHover)}}@container labora (min-width: 0px){.filter-button{border-radius:0}.filter-button.--secondary{background-color:var(--buttonSecondary);border-color:var(--onButtonSecondary);color:var(--onButtonSecondary)}.filter-button.--secondary.--active{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover)}@media screen and (width >= 640px){.filter-button:hover{background-color:var(--buttonSecondaryHover);color:var(--onButtonSecondaryHover)}}}