.main.compra{display:flex}.main.compra .cost{flex-direction:column;gap:20px;width:100%;display:flex}.main.compra .content{width:100%;height:100%;padding-right:30px;overflow:visible}@media screen and (max-width:875px){.main.compra .content{padding-right:initial;padding:0 24px;position:relative}}@media screen and (max-width:475px){.main .content{padding:0 16px}}
.filter-wrapper{background-color:#fbfbfb;border-radius:5px;flex-direction:column;flex-shrink:0;align-items:center;gap:30px;width:260px;margin:0 25px;padding:30px 20px;display:flex}.filter-wrapper .title{font-family:var(--font-roboto);color:var(--filter-marked);letter-spacing:.5px;font-size:14px;font-weight:500}.filter-wrapper .location select{width:100%;height:30px;font-family:var(--font-roboto);color:var(--black);background-color:#fff;border:1px solid #e3e3e3;border-radius:3px;margin-top:10px;padding-inline:10px;font-size:12px;font-weight:400}.close-btn-mobile-wrapper{display:none;position:absolute;top:30px;left:20px}.close-btn-mobile{flex-direction:column;align-content:space-between;width:35px;height:24px;display:grid;position:relative}.close-btn-mobile span:first-of-type,.close-btn-mobile span:nth-of-type(2),.close-btn-mobile span:nth-of-type(3){background:#fff;background:var(--black);border-radius:10px;height:3px;margin:2px 0;transition:all .4s cubic-bezier(.68,-.6,.32,1.6)}.close-btn-mobile span:first-of-type{transform-origin:bottom;width:50%;transform:rotate(45deg)translate(6px)}.close-btn-mobile span:nth-of-type(2){transform-origin:top;width:85%;transform:rotate(-45deg)}.close-btn-mobile span:nth-of-type(3){transform-origin:bottom;width:40%;transform:translate(15px,-3.8px)rotate(45deg)}@media screen and (max-width:875px){.filter-wrapper{z-index:1000;-webkit-overflow-scrolling:touch;width:100%;height:calc(100vh - 100px);margin:0;padding:80px 40px 60px;transition:transform .3s ease-in-out;position:fixed;top:100px;left:0;overflow-y:auto}.filter-wrapper>*{flex-shrink:0}.filter-wrapper.mobile-closed{transform:translate(-110%)}.close-btn-mobile-wrapper{display:initial}}
.switch-wrapper{display:flex;box-shadow:0 2px 4px #00000014}.switch-wrapper .switch-part{appearance:none;font-family:var(--font-roboto);letter-spacing:.5px;cursor:pointer;color:var(--black);background-color:#fff;border:1px solid #e3e3e3;padding:10px 25px;font-size:14px;font-weight:500}.switch-wrapper .switch-part:first-child{border-radius:3px 0 0 3px}.switch-wrapper .switch-part:last-child{border-radius:0 3px 3px 0}.switch-wrapper .switch-part.active{background-color:var(--filter-marked);border:1px solid var(--filter-marked);color:#fff}.switch-wrapper .switch-part:not(.active):hover{background-color:#2238431a}
.check-list-wrapper{flex-direction:column;align-items:flex-start;width:100%;display:flex}.check-list-wrapper .label{font-family:var(--font-roboto);color:#484848;letter-spacing:.5px;align-items:center;gap:5px;padding-block:5px;font-size:16px;font-weight:400;display:flex}.check-list-wrapper .check-list{padding-top:10px}.check-list-wrapper .check-list-item .label .clickable{cursor:pointer;align-items:center;gap:5px;display:flex}.check-list-wrapper .check-list-item .label .arrow-wrapper{width:8px;height:4px;position:relative}.check-list-wrapper .check-list-item.active .label .arrow{transform:rotate(180deg)}.check-list-wrapper .check-list>.check-list-item>.label{margin-bottom:3px}.check-list-wrapper .check-list>.check-list-item.active{margin-bottom:10px}.check-list-wrapper .check-list .check-list-subitems{padding-left:15px}.check-list-wrapper input{appearance:none}.check-list-wrapper input[type=checkbox]{cursor:pointer;background-color:#fff;border:.75px solid #e3e3e3;border-radius:3px;outline:0;width:16px;height:16px}.check-list-wrapper input[type=checkbox]:checked{background-color:var(--filter-marked)}
.slider-wrapper{flex-direction:column;align-items:flex-start;width:100%;display:flex}.slider-wrapper .limits{justify-content:space-between;width:100%;margin:10px 0 2px;display:flex}.slider-wrapper .limits span{font-size:12px;font-family:var(--font-roboto);letter-spacing:.5px;background-color:#fff;border-radius:3px;padding:2px 5px;font-weight:500;box-shadow:0 2px 4px #00000014}.slider-container{width:100%;height:30px;position:relative}.track{border:1px solid #000;width:100%;height:0;margin:auto;position:absolute;top:0;bottom:0}.thumb{color:#fff;text-align:center;cursor:pointer;background-color:#000;border-radius:50%;width:12px;height:12px;margin:auto;line-height:50px;position:absolute;top:0;bottom:0}.thumb:hover{transform:scale(1.1)}
.range-wrapper{flex-direction:column;gap:20px;width:100%;display:flex}.range-fields{justify-content:space-between;gap:5px;width:100%;display:flex}.range-fields .field-wrapper{flex-direction:column;gap:5px;display:flex}.range-fields input{max-width:100px;height:30px;font-family:var(--font-roboto);color:var(--black);background-color:#fff;border:1px solid #e3e3e3;border-radius:3px;padding-inline:10px;font-size:12px;font-weight:400}.range-fields label{font-family:var(--font-roboto);font-size:12px;font-weight:400}
.houses-wrapper .sort-line,.houses-wrapper .filter-box{font-family:var(--font-roboto);align-items:center;gap:10px;width:fit-content;font-weight:500;display:flex}.houses-wrapper .sort-line{color:#898989;font-size:14px}.houses-wrapper .filter-box{color:var(--black);cursor:pointer;padding:0;font-size:16px;display:none}.houses-wrapper .sort-wrapper{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;width:100%;padding:24px 0;display:flex;overflow:visible}.houses-wrapper .sort-line{overflow:visible}.houses-wrapper .select-wrapper{flex-direction:column;display:inline-flex;position:relative;overflow:visible}.houses-wrapper .select-trigger{border:1px solid var(--greyBorder);font-family:var(--font-roboto);color:var(--black);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:28px;padding:9px 14px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.houses-wrapper .select-trigger:hover,.houses-wrapper .select-wrapper.open .select-trigger{background:var(--greyBg)}.houses-wrapper .select-arrow{border-left:4px solid #0000;border-right:4px solid #0000;border-top:5px solid var(--black);flex-shrink:0;width:0;height:0;transition:transform .2s}.houses-wrapper .select-wrapper.open .select-arrow{transform:rotate(180deg)}.houses-wrapper .select-dropdown{background:var(--white);border:1px solid var(--greyBorder);z-index:10;min-width:100%;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0}.houses-wrapper .select-option{font-family:var(--font-roboto);color:var(--black);cursor:pointer;white-space:nowrap;padding:10px 16px;font-size:13px;font-weight:400;transition:background .1s}.houses-wrapper .select-option:hover{background:var(--greyBg)}.houses-wrapper .select-option.selected{font-weight:600}.houses-wrapper{overflow:visible}.houses-wrapper .grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:50px 30px;display:grid}.houses-wrapper .property .image{border-radius:3px}.houses-wrapper .property .price{padding-top:5px;font-size:22px}.loader{margin-top:10px}.houses-wrapper .pagination{justify-content:center;align-items:center;gap:6px;padding:48px 0 24px;display:flex}.houses-wrapper .pagination-page,.houses-wrapper .pagination-arrow{font-family:var(--font-roboto);border:1px solid var(--greyBorder);width:38px;height:38px;color:var(--black);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.houses-wrapper .pagination-page:hover,.houses-wrapper .pagination-arrow:hover:not(:disabled){background:var(--greyBg)}.houses-wrapper .pagination-page.active{background:var(--black);color:var(--white);border-color:var(--black)}.houses-wrapper .pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.houses-wrapper .pagination-ellipsis{text-align:center;color:#898989;width:38px;font-size:14px}@media screen and (max-width:875px){.houses-wrapper .filter-box{display:flex}}@media screen and (max-width:475px){.houses-wrapper .property .price{font-size:26px}.houses-wrapper .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:24px}.houses-wrapper .grid .property{min-width:200px}.houses-wrapper .sort-wrapper{flex-direction:column;align-items:flex-start}}@media screen and (max-width:340px){.houses-wrapper .sort-wrapper .sort-title{display:none}}