.filter{background-color:#fff}.filter .desktop-responsive{display:flex;flex-direction:column;gap:10px;margin:20px auto}.filter-header-buttons{display:flex;flex-flow:wrap;text-align:justify;justify-content:space-between;padding:10px}.filter .eyes{display:flex;gap:30px}.filter .eyes .hidden-eye,.filter .eyes .visible-eye{background-size:contain;background-position:bottom;background-repeat:no-repeat;text-align:center;font-weight:var(--font-weight-semibold);font-size:18px}.filter .eyes .hidden-eye{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PgoKPCEtLSBMaWNlbnNlOiBDQyBBdHRyaWJ1dGlvbi4gTWFkZSBieSBIYXN5aW0gQXJpOiBodHRwczovL3d3dy5iZWhhbmNlLm5ldC9faGFzeWltYXNhcmkvIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iU1ZHUm9vdCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCjxkZWZzIGlkPSJkZWZzMiIvPgoKPGcgaWQ9ImxheWVyMSI+Cgo8cGF0aCBkPSJNIDIwLjAyOTI5NyAzIEEgMSAxIDAgMCAwIDE5LjI5Mjk2OSAzLjI5Mjk2ODggTCAxNy4yNTc4MTIgNS4zMjgxMjUgQyAxNS42ODc3MDggNC41NDU1OTgzIDEzLjkxMjczNyA0IDEyIDQgQyA4LjY2NjY2NjcgNCA1LjczMzU3OTQgNS42MzE2Mjc5IDMuNjE5MTQwNiA3LjM0OTYwOTQgQyAyLjU2MTkyMTIgOC4yMDg2MDAxIDEuNzA1OTA5NiA5LjA5NDE3NTUgMS4wOTM3NSA5Ljg1OTM3NSBDIDAuNzg3NjcwMjEgMTAuMjQxOTc1IDAuNTQyMjgzMDYgMTAuNTkyNTA5IDAuMzU3NDIxODggMTAuOTE2MDE2IEMgMC4xNzI1NjA2NyAxMS4yMzk1MjMgMy43MDA3NDM0ZS0xNyAxMS40NTgzMzMgMCAxMiBDIDAgMTIuNTQxNjY3IDAuMTcyNTYwNjcgMTIuNzYwNDc3IDAuMzU3NDIxODggMTMuMDgzOTg0IEMgMC41NDIyODMwNyAxMy40MDc0OTEgMC43ODc2NzAyMSAxMy43NTgwMjUgMS4wOTM3NSAxNC4xNDA2MjUgQyAxLjcwNTkwOTYgMTQuOTA1ODI0IDIuNTYxOTIxMiAxNS43OTE0IDMuNjE5MTQwNiAxNi42NTAzOTEgQyA0LjAzMTc1NzMgMTYuOTg1NjQyIDQuNDgzMjIxNSAxNy4zMTM2NjggNC45NTUwNzgxIDE3LjYzMDg1OSBMIDMuMjkyOTY4OCAxOS4yOTI5NjkgQSAxIDEgMCAwIDAgMy4yOTI5Njg4IDIwLjcwNzAzMSBBIDEgMSAwIDAgMCA0LjcwNzAzMTIgMjAuNzA3MDMxIEwgNi43NDIxODc1IDE4LjY3MTg3NSBDIDguMzEyMjkyMSAxOS40NTQ0MDIgMTAuMDg3MjYzIDIwIDEyIDIwIEMgMTUuMzMzMzMzIDIwIDE4LjI2NjQyMSAxOC4zNjgzNzIgMjAuMzgwODU5IDE2LjY1MDM5MSBDIDIxLjQzODA3OSAxNS43OTE0IDIyLjI5NDA5IDE0LjkwNTgyNCAyMi45MDYyNSAxNC4xNDA2MjUgQyAyMy4yMTIzMyAxMy43NTgwMjUgMjMuNDU3NzE3IDEzLjQwNzQ5MSAyMy42NDI1NzggMTMuMDgzOTg0IEMgMjMuODI3NDM5IDEyLjc2MDQ3NyAyNCAxMi41NDE2NjcgMjQgMTIgQyAyNCAxMS40NTgzMzMgMjMuODI3NDM5IDExLjIzOTUyMyAyMy42NDI1NzggMTAuOTE2MDE2IEMgMjMuNDU3NzE3IDEwLjU5MjUwOSAyMy4yMTIzMyAxMC4yNDE5NzUgMjIuOTA2MjUgOS44NTkzNzUgQyAyMi4yOTQwOSA5LjA5NDE3NTUgMjEuNDM4MDc5IDguMjA4NjAwMSAyMC4zODA4NTkgNy4zNDk2MDk0IEMgMTkuOTY4MjQzIDcuMDE0MzU4NCAxOS41MTY3NzggNi42ODYzMzE3IDE5LjA0NDkyMiA2LjM2OTE0MDYgTCAyMC43MDcwMzEgNC43MDcwMzEyIEEgMSAxIDAgMCAwIDIwLjcwNzAzMSAzLjI5Mjk2ODggQSAxIDEgMCAwIDAgMjAuMDI5Mjk3IDMgeiBNIDEyIDYgQyAxMy4yOTY3NjkgNiAxNC41NjcyOTEgNi4zMjczMDA2IDE1Ljc1IDYuODM1OTM3NSBMIDEyLjA2ODM1OSAxMC41MTc1NzggQSAyIDIgMCAwIDEgMTIgMTAgQSAyIDIgMCAwIDEgMTMuMTc3NzM0IDguMTc3NzM0NCBBIDQgNCAwIDAgMCAxMiA4IEEgNCA0IDAgMCAwIDExLjkzOTQ1MyA4IEEgNCA0IDAgMCAwIDggMTIgQSA0IDQgMCAwIDAgOC41NTQ2ODc1IDE0LjAzMTI1IEwgNi4zOTg0Mzc1IDE2LjE4NzUgQyA1Ljg1NzIxMzUgMTUuODQ2NjkgNS4zNDc0NTIxIDE1LjQ3ODcxNiA0Ljg4MDg1OTQgMTUuMDk5NjA5IEMgMy45MzgwNzg4IDE0LjMzMzYgMy4xNjkwOTA0IDEzLjUzMTY3NiAyLjY1NjI1IDEyLjg5MDYyNSBDIDIuMzk5ODI5OCAxMi41NzAxIDIuMjA3NzE2OSAxMi4yODc4MjEgMi4wOTU3MDMxIDEyLjA5MTc5NyBDIDIuMDczMjgyNiAxMi4wNTI1NjEgMi4wNzM4NDUgMTIuMDM0Nzc1IDIuMDYwNTQ2OSAxMiBDIDIuMDczODQ1IDExLjk2NTIyNSAyLjA3MzI4MjYgMTEuOTQ3NDM5IDIuMDk1NzAzMSAxMS45MDgyMDMgQyAyLjIwNzcxNjkgMTEuNzEyMTc5IDIuMzk5ODI5OCAxMS40Mjk5IDIuNjU2MjUgMTEuMTA5Mzc1IEMgMy4xNjkwOTA0IDEwLjQ2ODMyNCAzLjkzODA3ODggOS42NjYzOTk5IDQuODgwODU5NCA4LjkwMDM5MDYgQyA2Ljc2NjQyMDYgNy4zNjgzNzIxIDkuMzMzMzMzMyA2IDEyIDYgeiBNIDE3LjYwMTU2MiA3LjgxMjUgQyAxOC4xNDI3ODcgOC4xNTMzMTAxIDE4LjY1MjU0OCA4LjUyMTI4NDEgMTkuMTE5MTQxIDguOTAwMzkwNiBDIDIwLjA2MTkyMSA5LjY2NjM5OTkgMjAuODMwOTEgMTAuNDY4MzI0IDIxLjM0Mzc1IDExLjEwOTM3NSBDIDIxLjYwMDE3IDExLjQyOTkgMjEuNzkyMjgzIDExLjcxMjE3OSAyMS45MDQyOTcgMTEuOTA4MjAzIEMgMjEuOTI2NzE3IDExLjk0NzQzOSAyMS45MjYxNTUgMTEuOTY1MjI1IDIxLjkzOTQ1MyAxMiBDIDIxLjkyNjE1NSAxMi4wMzQ3NzUgMjEuOTI2NzE3IDEyLjA1MjU2MSAyMS45MDQyOTcgMTIuMDkxNzk3IEMgMjEuNzkyMjgzIDEyLjI4NzgyMSAyMS42MDAxNyAxMi41NzAxIDIxLjM0Mzc1IDEyLjg5MDYyNSBDIDIwLjgzMDkxIDEzLjUzMTY3NiAyMC4wNjE5MjEgMTQuMzMzNiAxOS4xMTkxNDEgMTUuMDk5NjA5IEMgMTcuMjMzNTc5IDE2LjYzMTYyOCAxNC42NjY2NjcgMTggMTIgMTggQyAxMC43MDMyMzEgMTggOS40MzI3MDg2IDE3LjY3MjY5OSA4LjI1IDE3LjE2NDA2MiBMIDkuOTY4NzUgMTUuNDQ1MzEyIEEgNCA0IDAgMCAwIDEyIDE2IEEgNCA0IDAgMCAwIDE2IDEyIEEgNCA0IDAgMCAwIDE1LjgyMjI2NiAxMC44MjQyMTkgQSAyIDIgMCAwIDEgMTQgMTIgQSAyIDIgMCAwIDEgMTMuNDgyNDIyIDExLjkzMTY0MSBMIDE3LjYwMTU2MiA3LjgxMjUgeiAiIGlkPSJjaXJjbGUyMTQxIiBzdHlsZT0iZmlsbDojZjcyNDMyO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZSIvPgoKPC9nPgoKPC9zdmc+);width:30px;opacity:0;transition:all .2s ease-in-out}.filter .eyes .visible-eye{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMSAxMkMyLjczIDcuNjEgNy4xIDQuNSAxMiA0LjVDMTYuOSA0LjUgMjEuMjcgNy42MSAyMyAxMkMyMS4yNyAxNi4zOSAxNi45IDE5LjUgMTIgMTkuNUM3LjEgMTkuNSAyLjczIDE2LjM5IDEgMTJaIiBzdHJva2U9ImdyZWVuIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIHN0cm9rZT0iZ3JlZW4iIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);width:30px;opacity:0;transition:all .2s ease-in-out}.filter.box{display:flex;opacity:0;background:#f5f5f5;border-radius:18px;max-height:0;justify-content:flex-start;pointer-events:none;transform:translateY(-20px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,max-height .2s ease-in-out}.filter.box.visible{max-height:1000px;opacity:1;pointer-events:all;transform:translateY(0);padding:10px;overflow:auto;margin-bottom:20px;justify-content:flex-start}.filter-section{gap:10px;justify-content:space-around;padding:0 10px 10px;border-right:1px solid #c5c5c5;font-size:var(--p4-font-size);flex:1 1}.filter p{font-size:var(--p5-font-size);font-weight:var(--font-weight-semibold);color:var(--color-text-third);margin:0}.filter-section:nth-last-child(-n+2){border-right:none}.filter-option{display:flex;gap:5px}#filter-button{position:relative;display:inline-flex;align-items:center;gap:10px;background-color:#fff;border-radius:5px;padding:10px;font-size:x-large;font-weight:var(--font-weight-semibold);border:none;cursor:pointer}#clear-button{color:gray;border:2px solid grey;border-radius:8px;padding:8px;height:fit-content;align-self:center;background-color:#fff;cursor:pointer;transition:all var(--transition-duration)}#clear-button:active{background-color:var(--main-red);color:#fff}#apply-button{display:none}input[type=checkbox],input[type=radio]{cursor:pointer;appearance:none;margin-bottom:0;width:14px;height:14px;border:1px solid #333;border-radius:2px;transition:all .3s;font-weight:var(--font-weight-normal);padding:0;flex-shrink:0}.radio-type{border-radius:8px!important}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#f72432;border-color:#f72432}input[type=checkbox],label{accent-color:var(--color-text-primary);cursor:pointer;font-weight:var(--font-weight-light);color:var(--color-text-third);align-content:center;margin:1px 2px;align-self:center}@media (max-width: 768px){.filter{position:relative;z-index:2;opacity:.88}.filter .desktop-responsive{padding:10px}.filter.box{position:absolute;top:95px;left:0;background:linear-gradient(90deg,#f5f5f5 0% 40%,#fff0 55%);width:-webkit-fill-available;padding:10px;flex-direction:column;align-items:flex-start}.filter .filter-header-buttons{flex-direction:column;gap:10px;justify-content:space-between;align-items:center;flex-flow:row nowrap}.filter .box>.filter-section{padding:0 0 10px 10px;border-right:none}.filter-section:last-child{border-bottom:none}.filter .eyes{height:55px}#apply-button{display:flex;align-self:flex-start;border-radius:18px;padding:6px 12px}}