.filter-block{--width:220px;--h4-font-size:20px;--h4-font-weight:700;--h4-color:var(--primary);--h4-line-height:24px;padding:0;gap:15px}@media (max-width:992px){.filter-block{flex-wrap:wrap}}.filter-block .filter{flex-grow:1;border-radius:6px;min-width:var(--width);position:relative;padding:15px 10px;background:var(--filter-background);border:2px solid var(--filter-border-color)}.filter-block .filter h4{margin-bottom:0px}.filter-block .filter .filter__title .icon{transform:rotate(90deg)}.filter-block .filter.is-open .filter__title .icon{transform:rotate(-90deg)}.filter-block .filter__title{display:flex;align-items:center;justify-content:space-between;margin:-15px -10px;padding:15px 10px;cursor:pointer}.filter-block .filter__title h4{font-size:18px}.filter-block .filter__title .icon{width:20px;height:20px;display:flex;justify-content:center;align-items:center;transition:transform 0.3s}.filter-block .filter__title .icon svg{font-size:26px;width:9px}.filter-block .filter__options{width:100%;display:flex;flex-direction:column;gap:5px;padding:15px 0;background:var(--filter-background);border:2px solid var(--filter-border-color);border-radius:6px;z-index:999;min-width:var(--width);right:0;top:120%;transition:top 0.3s,opacity 0.3s}.filter-block .filter__options label{margin-left:-25px !important;padding-left:25px;cursor:pointer}.filter-block .filter__options.active{top:calc(100% + 5px);opacity:1;pointer-events:auto}.filter-block .form__row[type="tinyint"]{position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;padding-left:30px;font-size:16px}.filter-block .form__row[type="tinyint"] .checkmark{display:flex;justify-content:center;align-items:center;position:absolute;top:2px;left:5px;height:16px;width:16px;background-color:var(--filter-background);border:1px solid var(--primary);pointer-events:none}.filter-block .form__row[type="tinyint"] .checkmark:after{content:"";opacity:0;transition:opacity 0.3s;width:8px;height:8px;background-color:var(--primary)}.filter-block .form__row[type="tinyint"] input:checked ~ .checkmark::after{opacity:1}.filter-block .form__row[type="tinyint"] input:checked ~ .checkmark{border:1px solid var(--primary)}.filter-block .form__row[type="tinyint"] input[type="checkbox"]{opacity:0;position:absolute}.wrapper{position:relative;width:80%;background-color:#ffffff;padding:50px 40px 20px 40px;border-radius:10px}.filter-block .form__row[type="doublerange"]{padding:0 15px}.filter-block .form__row[type="doublerange"] label{display:none}