:root{--status-new:#49c420;--status-red:#e63737;--status-yellow:orange;--status-grey:#777;--clear-all-color:var(--secondary-color);--label-font-size:14px;--label-color:#002147;--label-padding-left:12px;--drawer-width:360px}.properties-list{display:flex;margin-bottom:1rem;position:relative;.drawer{background-color:#fff;position:absolute;transition:transform .3s ease;&.open{transform:translateX(0)}.drawer-content{overflow-y:auto;padding:20px;position:sticky;top:0;.drawer-content-title{display:flex;justify-content:space-between;.close-icon{cursor:pointer;width:20px;@media (min-width:768px){display:none}}}.drawer-content-filters{display:flex;flex-direction:column;gap:1rem;margin-block:1rem;.drawer-content-row{&.collapsable{.show-more-label{color:var(--primary-color);cursor:pointer;display:block;font-size:var(--label-font-size);font-weight:700;padding:4px 0;position:relative;&:after{content:url(https://www.hattelandtechnology.com/hubfs/Rounded_Rectangle_33_copy_4_1_.svg);position:absolute;right:10px;top:50%;transform:translateY(-50%) scale(.65);transition:transform .3s ease}}&.open{.show-more-label:after{transform:translateY(-50%) rotate(180deg) scale(.65)}}}.filter-section-title{margin-top:0}.column{display:flex;flex-direction:column}&.collapsable{.column{height:111px;overflow:hidden;&.open{height:auto}@media (max-width:767px){height:108px}}}input{accent-color:var(--primary-color);height:16px;margin:0;width:16px}label{align-items:center;display:flex;span{font-size:var(--label-font-size);padding-left:var(--label-padding-left)!important}}h6{margin-bottom:12px}}@media (max-width:767px){max-height:calc(100vh - 120px);overflow:scroll}}}@media (min-width:768px){height:100%;left:0;margin-top:30px;position:static;top:0;transform:translateX(0);width:var(--drawer-width)}@media (max-width:767px){height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:900}}.inner-display{width:100%;.no-results{padding-inline:12px}.inner-wrapper{display:flex;flex-direction:column;gap:1rem;margin-top:64px;padding-left:1rem;.filters-wrapper{display:none;flex-wrap:wrap;gap:1rem;.selected-filter-badge{background:#fff;cursor:pointer;display:flex;font-size:13px;padding:.3rem .5rem;text-transform:uppercase;transition:all .2s ease;svg{margin-right:8px;width:8px}&.clear-all{background-color:var(--clear-all-color)}&:hover{box-shadow:0 1px 6px rgba(0,0,0,.1),0 0 6px rgba(0,0,0,.1)}}@media (min-width:768px){padding-bottom:0;padding-left:12px;padding-right:12px;padding-top:10px}}.filters-content-wrapper{display:grid;gap:var(--gap-def);grid-template-columns:1fr}.tabs-wrapper{display:flex;flex-direction:column;gap:var(--gap-def);.tabs-navigation{display:flex;gap:var(--space-s);.tab{align-items:center;color:var(--secondary-color);cursor:pointer;display:flex;justify-content:center;padding:var(--space-xs) var(--space-xs);transition:all .3s ease;&.active,&:hover{color:var(--primary-color)}}}.tabs-content{.tabs-content-item{display:none;&.active{display:block}}}@media (max-width:767px){gap:calc(var(--gap-def)/2)}}@media (max-width:767px){gap:1rem;padding-left:0;width:100%}}}.drawer-toggle{align-self:flex-end;cursor:pointer;display:none;@media (max-width:767px){display:block}}.apartments-list-item{align-items:center;border:1px solid var(--secondary-color);border-radius:var(--card-radius);display:flex;gap:var(--space-xm);height:auto;min-height:264px;padding:var(--space-xm);width:100%;@media (max-width:767px){flex-direction:column;padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px}}.apartments-list-item .image-container{flex-shrink:0;height:240px;position:relative;width:50%;@media (max-width:767px){height:240px;width:100%}}.apartments-list-item .image-container img{height:100%;object-fit:cover;width:100%}.apartments-list-item-title h5{margin:0}.apartments-list-item-title p{margin-top:0}.apartments-list-item-text{overflow:hidden}.apartments-list-item-text .buttons{margin-top:18px}.apartments-list-item-text p{display:-webkit-box;margin-bottom:0;margin-top:var(--space-xxs);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;.price{margin-top:var(--space-xs)}}.apartments-list-item .apartments-list-item-circle{position:absolute;right:16px;top:18px}@media screen and (min-width:1024px){.apartments-list-items{display:grid;width:100%}.apartments-list-item{gap:var(--gap-def);padding:var(--space-s);transition:all .15s linear}.apartments-list-item:hover{border-color:transparent}}}