.filter{position:relative}.filter>input{opacity:0;pointer-events:none;position:absolute}.filter__bar{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.filter__bar label{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:999px;padding:10px 18px;font-size:15px;transition:background .2s,border-color .2s}.filter__bar label:hover{border-color:#ffffff4d}.filter input:first-of-type:checked~.filter__bar label:first-child,.filter input:nth-of-type(2):checked~.filter__bar label:nth-child(2),.filter input:nth-of-type(3):checked~.filter__bar label:nth-child(3),.filter input:nth-of-type(4):checked~.filter__bar label:nth-child(4),.filter input:nth-of-type(5):checked~.filter__bar label:nth-child(5){background:#5b7cff2e;border-color:#5b7cffb3}.filter input:first-of-type:focus-visible~.filter__bar label:first-child,.filter input:nth-of-type(2):focus-visible~.filter__bar label:nth-child(2),.filter input:nth-of-type(3):focus-visible~.filter__bar label:nth-child(3),.filter input:nth-of-type(4):focus-visible~.filter__bar label:nth-child(4),.filter input:nth-of-type(5):focus-visible~.filter__bar label:nth-child(5){outline:2px solid var(--teal);outline-offset:3px}.filter input:nth-of-type(2):checked~.filter__items>:not(.filter-topic-1),.filter input:nth-of-type(3):checked~.filter__items>:not(.filter-topic-2),.filter input:nth-of-type(4):checked~.filter__items>:not(.filter-topic-3),.filter input:nth-of-type(5):checked~.filter__items>:not(.filter-topic-4){display:none}.filter__items>*{animation:.45s cubic-bezier(.2,.7,.2,1) both filter-item-in}@keyframes filter-item-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}