.listing-comparison[data-v-b7c40ce1]{border-bottom:1px solid var(--accent-bg, #ECEFF4);background-color:#fff;position:sticky;z-index:1051;transition:top 1s cubic-bezier(.2,1,.3,1);overscroll-behavior-x:none}.listing-comparison-modal-title[data-v-b7c40ce1]{font-family:var(--font-family-poppins-sans-serif);font-weight:600;line-height:1.4;font-size:20px}@media (min-width: 992px){.listing-comparison-modal-title[data-v-b7c40ce1]{font-size:24px}}.listing-comparison-modal-btn[data-v-b7c40ce1]{border-radius:8px;padding:.5rem 1rem;color:#fff}@media (min-width: 992px){.listing-comparison-modal-btn[data-v-b7c40ce1]{padding:.75rem 1.5rem}}.listing-comparison-modal-wrap[data-v-b7c40ce1]{margin-top:9px}@media (min-width: 992px){.listing-comparison-modal-wrap[data-v-b7c40ce1]{margin-top:12px}}.listing-comparison-container[data-v-b7c40ce1]{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.listing-comparison-container[data-v-b7c40ce1]{max-width:720px;width:100%;display:block}}@media (min-width: 992px){.listing-comparison-container[data-v-b7c40ce1]{max-width:960px}}@media (min-width: 1200px){.listing-comparison-container[data-v-b7c40ce1]{max-width:1140px}}@media (min-width: 1400px){.listing-comparison-container[data-v-b7c40ce1]{max-width:1320px}}.listing-comparison-alert[data-v-b7c40ce1]{padding:16px;background-color:var(--teal-10);color:#000;font-size:16px;font-style:normal;font-weight:400;line-height:1.4}.listing-comparison-icon-comparison[data-v-b7c40ce1]{display:inline-flex;width:2.5rem;height:2.5rem;color:#fff;border-radius:50%;line-height:2.5rem;align-items:center;justify-content:center}.listing-comparison-icon-comparison[data-v-b7c40ce1] .the-icon-component{display:flex}.listing-comparison-list-rules[data-v-b7c40ce1]{display:flex;flex-direction:column;gap:8px;padding-left:16px}.listing-comparison-add-hostel-btn[data-v-b7c40ce1]{width:100%;display:flex;align-items:center;flex-shrink:0;padding:0 16px;border-right:1px solid var(--accent-bg, #ECEFF4);max-width:192px}@media (min-width: 576px){.listing-comparison-add-hostel-btn[data-v-b7c40ce1]{max-width:240px}}@media (min-width: 768px){.listing-comparison-add-hostel-btn[data-v-b7c40ce1]{max-width:33.3333333333%}}.listing-comparison-add-hostel-btn[data-v-b7c40ce1]:last-child{border-right:0}.listing-comparison-title[data-v-b7c40ce1]{font-family:var(--font-family-montserrat-sans-serif);font-weight:700;line-height:1.4;font-size:24px;margin-bottom:8px;color:var(--main-text)}@media (min-width: 992px){.listing-comparison-title[data-v-b7c40ce1]{font-size:32px;margin-bottom:24px}}@media (min-width: 1200px){.listing-comparison-title[data-v-b7c40ce1]{font-size:40px}}.listing-comparison-cap[data-v-b7c40ce1]{font-size:16px;font-style:normal;font-weight:700;line-height:140%;margin:16px 0}@media (min-width: 992px){.listing-comparison-cap[data-v-b7c40ce1]{margin-top:24px}}.listing-comparison-wrap[data-v-b7c40ce1]{display:flex;overflow-x:auto;white-space:nowrap;margin:0 -15px;will-change:scroll-position;overscroll-behavior-x:none}@media (min-width: 576px){.listing-comparison-wrap[data-v-b7c40ce1]{margin:0}}@media (min-width: 768px){.listing-comparison-wrap[data-v-b7c40ce1]{white-space:normal;overflow-x:visible}}.listing-comparison-wrap[data-v-b7c40ce1]{scrollbar-width:none;-ms-overflow-style:none}.listing-comparison-wrap[data-v-b7c40ce1]::-webkit-scrollbar{display:none}.listing-comparison-card[data-v-b7c40ce1]{max-width:192px;flex-shrink:0}@media (min-width: 576px){.listing-comparison-card[data-v-b7c40ce1]{max-width:240px}}@media (min-width: 768px){.listing-comparison-card[data-v-b7c40ce1]{max-width:33.3333333333%}}.listing-comparison-card:last-child .comparison-listing-card[data-v-b7c40ce1]{border-right:0}.listing-comparison-btn[data-v-b7c40ce1]{color:var(--main-text);background-color:var(--accent-bg);border-color:var(--accent-bg);box-shadow:none;transition:background-color .3s,border-color .3s;display:flex;justify-content:center;gap:8px;width:100%}.listing-comparison-btn[data-v-b7c40ce1]:hover{background-color:#cbd1db;border-color:#cbd1db}.listing-comparison-btn[data-v-b7c40ce1] .the-icon-component{display:block}.listing-comparison-btn[data-v-b7c40ce1] .the-icon-component svg{transform:rotate(45deg)}.comparison-show-map-wrap[data-v-b7c40ce1]{height:360px}@media (min-width: 768px){.comparison-show-map-wrap[data-v-b7c40ce1]{height:400px}}@media (min-width: 992px){.comparison-show-map-wrap[data-v-b7c40ce1]{height:480px}}.comparison-show-map-wrap[data-v-b7c40ce1] .map-overlay img{border-radius:0}.comparison-show-map-title[data-v-b7c40ce1]{font-family:var(--font-family-montserrat-sans-serif);font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-bottom:8px}@media (min-width: 576px){.comparison-show-map-title[data-v-b7c40ce1]{margin-bottom:12px}}@media (min-width: 768px){.comparison-show-map-title[data-v-b7c40ce1]{margin-bottom:16px}}@media (min-width: 992px){.comparison-show-map-title[data-v-b7c40ce1]{margin-bottom:24px}}.close-modal-btn[data-v-b7c40ce1]{border-radius:50%;width:44px;height:44px;background-color:var(--light-bg);box-shadow:0 6px 2px -4px #0e132c14;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.close-modal-btn[data-v-b7c40ce1]:hover{background-color:#e2e6ea}.close-modal-btn[data-v-b7c40ce1] svg{display:flex}.listing-comparison-modal .app-modal-dialog{border-radius:16px;height:95vh;width:95vw}.listing-comparison-modal .app-modal-close-btn{top:20px;right:24px}@media (min-width: 992px){.listing-comparison-modal .app-modal-close-btn{top:26px}}.listing-comparison-modal .app-modal{z-index:1600;padding:0 16px}.listing-comparison-modal .slide-fade-enter-active,.listing-comparison-modal .slide-fade-leave-active,.listing-comparison-modal .slide-fade-enter-active .app-modal-dialog,.listing-comparison-modal .slide-fade-leave-active .app-modal-dialog{transition:transform .4s ease-out,opacity .5s ease-out}.listing-comparison-modal .slide-fade-enter-from{opacity:0}.listing-comparison-modal .slide-fade-enter-from .app-modal-dialog{transform:translateY(120%);opacity:1}.listing-comparison-modal .slide-fade-enter-to{opacity:1}.listing-comparison-modal .slide-fade-enter-to .app-modal-dialog{transform:translateY(0);opacity:1}.listing-comparison-modal .slide-fade-leave-from{opacity:1}.listing-comparison-modal .slide-fade-leave-from .app-modal-dialog{transform:translateY(0);opacity:1}.listing-comparison-modal .slide-fade-leave-to{opacity:0}.listing-comparison-modal .slide-fade-leave-to .app-modal-dialog{transform:translateY(120%);opacity:1}
