.filter{right:0;left:auto;padding:24px;max-width:400px;transform:translateX(100%);gap:40px;}.filter > .btn{position:sticky;margin-top:auto !important;min-width:100%;gap:4px;}.filter.active{transform:translateX(0);}.filter > .top{display:flex;align-items:center;justify-content:space-between;gap:0 20px;}.filter > .top > div{display:flex;align-items:center;gap:3px;}.filter > .top > h2{margin-bottom:0;}.filter > .top .close{color:hsl(0deg 100% 25%);transition:opacity 0.3s ease;font-size:30px;cursor:pointer;opacity:0.6;}.filter > .top .close:hover{opacity:1;}.filter .rows{display:flex;flex-direction:column;gap:10px;}.filter .row > .btn{justify-content:space-between;min-width:100%;}.filter .row > .btn > strong{font-weight:normal;display:flex;align-items:center;gap:15px;}.filter .row > .btn > strong > span{opacity:0;transition:opacity 0.4s ease;}.filter .row > .btn > strong > span.active{opacity:1;}.filter .row > .btn > strong small{background-color:hsl(0, 0%, 95%);border-radius:100%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;}.filter .row > .btn > span{font-size:23px;transition:transform 0.4s ease;}.filter .row > .btn.active > span{transform:rotate(180deg);}.filter .row > .box{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}.filter .row .inner{grid-template-columns:repeat(auto-fit,minmax(75px, auto));margin-top:15px;gap:8px;}.filter .row.features .inner{grid-template-columns:1fr;}.filter .logos label{cursor:pointer;border:2px solid hsla(0, 0%, 0%, 0.08);transition:background-color 0.4s ease, border 0.4s ease;padding:10px;}.filter .logos label img{height:auto;border-radius:100%;}.filter .logos input{display:none;}.filter .logos label:hover,.filter .logos input:checked ~ label{background-color:#f6fff0;border:2px solid #64a33c;}.filter .logos input:checked ~ label img{opacity:1;}.filter-btn{position:fixed !important;min-height:70px;min-width:70px;padding:0;bottom:15px;left:15px;}.filter-btn > span{font-size:30px !important;}.filter-btn > span.amount{top:-8px;right:-8px;opacity:0;position:absolute;transition:opacity 0.4s ease;}.filter-btn > span.amount.active{opacity:1;}.filter-btn > span.amount > small{width:32px;height:32px;display:flex;font-size:16px;background-color:#ffffff;border:1px solid hsla(0, 0%, 0%, 0.08);justify-content:center;color:hsl(0, 0%, 31%);align-items:center;border-radius:100%;padding-right:1px;font-weight:bold;text-shadow:none;}.filter-btn.hide{opacity:0;pointer-events:none;}@media screen and (min-width:320px) and (max-width:480px){.filter{max-width:100%;}}