.filter__layer{display:flex;height:100%;justify-content:flex-end;left:0;position:fixed;top:0;transition:.3s;visibility:hidden;width:100%;z-index:1000}.filter__layer.--show{visibility:visible}.filter__layer.--show .filter__bg{opacity:.4}.filter__layer.--show .filter__main{transform:translate(0) translateZ(0)}.filter__bg{background:#373737;border:0;border-radius:0;cursor:pointer;left:0;opacity:0;padding:O;position:absolute;top:0}.filter__bg,.filter__main{height:100%;transition:.3s;width:100%}.filter__main{background:#fff;display:flex;flex-direction:column;max-width:43rem;position:relative;transform:translate(100%) translateZ(0);z-index:1}.filter__content{display:flex;flex:1;flex-direction:column;padding:2rem}@media (min-width:768px){.filter__content{padding:2rem 3rem}}@media (min-width:1200px){.filter__content{padding:2rem 4rem}}.filter__header{align-items:center;border-bottom:1px solid #d7d7d7;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:2rem}@media (min-width:768px){.filter__header{margin-bottom:2.7rem}}@media (min-width:1200px){.filter__header{margin-bottom:3.5rem}}.filter__title{font-family:var(--heading-font);font-size:2rem}@media (min-width:768px){.filter__title{font-size:2.8rem}}.filter__close{background:transparent;border:0;border-radius:0;cursor:pointer;display:block;padding:0}.filter__close svg{display:block;height:auto;width:2rem}.filter__list{flex:1;overflow:auto}.filter__item:not(:last-child){margin-bottom:1.2rem}.filter__input{display:none}.filter__input[type=radio]+.filter__label:after{border-radius:50%}.filter__input:checked+.filter__label:after{background-color:#373737}.filter__label{align-items:center;cursor:pointer;display:flex;gap:1.5rem;justify-content:space-between}.filter__label span{display:block}.filter__label:after{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' fill='none' viewBox='0 0 11 7'%3E%3Cpath stroke='%23fff' d='M1 2.585 5.2 6 10 1'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border:1px solid #373737;content:"";display:block;height:1.5rem;transition:.3s;width:1.5rem}.filter__bottom{align-items:baseline;background:var(--beige-color);display:flex;padding:2rem}@media (min-width:768px){.filter__bottom{padding:2rem 3rem}}@media (min-width:1200px){.filter__bottom{padding:2rem 4rem}}.filter__save{margin-left:auto}