.filter>header{margin-bottom:20px}.filter>header>.heading{font-size:24px;line-height:133.333%;color:var(--colorPrimary)}.filter>.main form .checkList{display:flex;gap:16px;flex-wrap:wrap}.filter>.main form button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.filter .checkbox input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.filter .checkbox label{border:1px solid var(--colorSecondary);color:var(--colorPrimary);display:block;padding:8px 32px 8px 12px;cursor:pointer;background:#fff;transition:background .15s,color .15s;position:relative}.filter .checkbox:hover label,.filter .checkbox input:focus+label{background:var(--colorTertiary)}.filter .checkbox input:checked+label{border:1px solid var(--colorPrimary);background:var(--colorPrimary);color:#fff}.filter .checkbox:hover label:after,.filter .checkbox input:focus+label:after,.filter .checkbox input:checked+label:after{content:"";background:url("/klimaatplan-ui/images/icons/checkmark-white.svg");position:absolute;right:12px;top:10px;color:var(--colorPrimary);width:16px;height:16px}@container (min-width:600){.filter>header{margin-bottom:32px}}