.modal-window-background{visibility:hidden;transition:.3s;position:fixed;top:0;left:0;width:100%;height:100%;background-color:none;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);z-index:9999}.modal-window-background .icon{visibility:hidden}.modal-window-background-active{visibility:visible;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(.5vh);backdrop-filter:blur(.5vh);z-index:9999;transition:.3s;display:flex;align-items:center;justify-content:center}.modal-window-background-active .modal-window{background-color:#fff;max-width:78vh;max-height:90vh;display:flex;flex-direction:column;border-radius:.3vh}.modal-window-background-active .modal-window .title{display:flex;justify-content:center;align-items:center;border-bottom:.1vh solid #f0eee1;font-size:2vh;font-weight:700;padding:2.5vh 0}.modal-window-background-active .modal-window .filter-con{width:100%;height:100%;overflow-y:auto;border-bottom:.1vh solid #f0eee1}.modal-window-background-active .modal-window .filter-con .filter-element{display:flex;flex-direction:column;gap:2vh;padding:2vh 0;border-bottom:.1vh solid #f0eee1}.modal-window-background-active .modal-window .filter-con .filter-element .span{gap:1vh;display:flex;margin:2.3vh 2vh}.modal-window-background-active .modal-window .filter-con .filter-element .span .icon{width:2vh}.modal-window-background-active .modal-window .filter-con .filter-element .span .text{font-size:2vh;font-weight:600}.modal-window-background-active .modal-window .filter-con .filter-element .test-img{margin:1vh 2vh}.modal-window-background-active .modal-window .filter-con .filter-element .test-btns-con{gap:2vh;display:flex;margin:0 2vh}.modal-window-background-active .modal-window .filter-con .filter-element .test-btns-con .test-btn{display:flex;align-items:center;justify-content:center;background-color:#394e5a;color:#f6f5ed;border-radius:1vh;font-size:2vh;cursor:pointer;transition:.3s;width:5vh;height:5vh}.modal-window-background-active .modal-window .filter-con .filter-element .test-btns-con .test-btn:hover{background-color:#f0eee1;color:#394e5a;transition:.3s}.modal-window-background-active .modal-window .filter-con .filter-element .must-have-item{display:flex;border-radius:1vh;background-color:#f0eee1;padding:1.5vh;width:max-content;cursor:pointer;gap:1vh;margin:0 2vh;transition:.3s}.modal-window-background-active .modal-window .filter-con .filter-element .must-have-item .icon{width:2vh}.modal-window-background-active .modal-window .filter-con .filter-element .must-have-item .text{font-size:1.7vh}.modal-window-background-active .modal-window .filter-con .filter-element .must-have-item:hover{background-color:#394e5a;color:#f6f5ed;transition:.3s}.modal-window-background-active .modal-window .filter-con .filter-element .test-con-sort{margin:0 2vh}.modal-window-background-active .modal-window .filter-con .filter-element .test-con-sort .must-have-item{margin:0}.modal-window-background-active .modal-window .modal-control{display:flex;justify-content:space-between;align-items:center;padding:2.5vh 2vh}.modal-window-background-active .modal-window .modal-control .close-btn{display:flex;justify-content:center;align-items:center;cursor:pointer;width:max-content;height:max-content;background-color:#394e5a;padding:1vh;border-radius:50%}.modal-window-background-active .modal-window .modal-control .close-btn .icon{width:1.6vh}.modal-window-background-active .modal-window .modal-control .modal-btns{display:flex}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn{display:flex;border-radius:1vh;background-color:#f0eee1;padding:1.5vh;width:max-content;cursor:pointer;gap:1vh;margin:0 2vh;transition:.3s}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn .icon{width:2vh}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn .text{font-size:1.7vh}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn:hover{background-color:#394e5a;color:#f6f5ed;transition:.3s}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn2{display:flex;border-radius:1vh;background-color:#394e5a;color:#f6f5ed;padding:1.5vh;width:max-content;cursor:pointer;gap:1vh;margin:0 2vh;transition:.3s}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn2 .icon{width:2vh}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn2 .text{font-size:1.7vh}.modal-window-background-active .modal-window .modal-control .modal-btns .test-btn2:hover{background-color:#f6f5ed;color:#394e5a;transition:.3s}