.hotels-container .hotels-page .hotel-inner-pages button,.hotels-container .hotels-page .page-arrow svg,.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button,.hotels-container .hotels-filter .hotel-filter-button p,.hotels-container .hotels-filter .hotel-filter-button svg,.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container{transition:all .3s ease-out}@media only screen and (max-width: 64rem){body.map-view-open .header-container{opacity:0;visibility:hidden;pointer-events:none}}.mobile-map-close{display:none}@media only screen and (max-width: 64rem){.mobile-map-close{display:flex;position:absolute;right:var(--space-xs);top:var(--space-xs);padding:var(--space-xs)}.mobile-map-close svg{width:21px;height:21px;color:#fff}}.hotels-container .hotels-results{display:none}.hotels-container .hotels-results.active{display:grid}.hotels-container .hotels-results.active.hidden{display:none}.hotels-container .hotels-results.map-view.active{display:flex}.hotels-container .hotels-results.map-view.active.hidden{display:none}.hotels-container .js-pagination.map-view{padding-left:var(--space-3xl);align-items:start;display:flex}.hotels-container .js-pagination.map-view .hotels-page{padding-top:var(--space-s)}.hotels-container .hotel-no-results{display:none;flex-direction:column;gap:var(--space-s);justify-content:center;align-items:center;text-align:center}.hotels-container .hotel-no-results.active{display:flex}.hotels-container .hotel-no-results .no-results-img{width:var(--size-l-3);height:var(--size-l-3);position:relative}.hotels-container .hotel-no-results .no-results-img svg{position:absolute;width:100%;height:100%;inset:0;color:var(--color-accent-primary)}.hotels-container .hotels-results{grid-template-columns:1fr 1fr 1fr;gap:var(--space-l)}@media only screen and (max-width: 90rem){.hotels-container .hotels-results{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 64rem){.hotels-container .hotels-results{grid-template-columns:1fr}}.hotels-container .hotels-results.map-view{flex-direction:row;padding-left:var(--space-3xl);gap:unset}.hotels-container .hotels-results.map-view .hotels-results-list{display:flex;flex-direction:column;gap:var(--space-l);padding-right:var(--space-3xl);flex:1}.hotels-container .hotels-results.map-view .hotels-results-list .hotel-card{display:flex;flex-direction:row}.hotels-container .hotels-results.map-view .hotels-results-list .hotel-card .content-wrap{display:flex;flex-direction:column;justify-content:center;height:auto}.hotels-container .hotels-results.map-view .hotels-results-list .hotel-card .img{margin:unset;aspect-ratio:1/1;max-width:16rem;margin-right:var(--space-m)}.hotels-container .hotels-results.map-view .hotels-results-map-container{flex:1;position:-webkit-sticky;position:sticky;top:var(--header-height);width:100%;height:100%}.hotels-container .hotels-results.map-view .hotels-results-map-container .hotels-results-map{height:100vh;background-color:gray;width:100%}@media only screen and (max-width: 64rem){.hotels-container .hotels-results.map-view{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;flex-direction:column-reverse;padding:unset;background-color:var(--color-background)}.hotels-container .hotels-results.map-view .hotels-results-list{padding:unset;margin-top:calc(17.143rem + 17px);overflow:scroll;padding-inline:var(--space-s)}.hotels-container .hotels-results.map-view .hotels-results-map-container{top:0;position:fixed;height:17.143rem}.hotels-container .hotels-results.map-view .hotels-results-map-container .hotels-results-map{height:100%}.hotels-container .hotels-results.map-view .hotel-card{flex-wrap:wrap}.hotels-container .hotels-results.map-view .hotel-card .img{width:7rem;height:7rem}.hotels-container .hotels-results.map-view .hotel-card .content-wrap{flex:1}.hotels-container .hotels-results.map-view .hotel-card .content-wrap .buttons{display:none}.hotels-container .hotels-results.map-view .hotel-card .mobile-buttons{display:flex;width:100%}}.hotels-container .hotels-filter{display:flex;justify-content:space-between;align-items:center;gap:var(--space-l);padding-bottom:var(--space-m)}@media only screen and (max-width: 64rem){.hotels-container .hotels-filter{flex-direction:column;gap:var(--space-m)}.hotels-container .hotels-filter .hotel-filter-left{width:100%}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container{width:100%;padding:var(--space-s) !important;height:unset !important}}.hotels-container .hotels-filter .hotel-filter-left{display:flex;flex-direction:row;align-items:center;gap:var(--space-l)}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container{height:var(--size-l-4);padding:var(--space-s);padding-top:var(--space-xs);border-radius:4px;border:2px solid var(--color-body-a25);display:flex;flex-direction:column;align-items:center;align-items:start;min-width:17.25rem;position:relative;cursor:pointer}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container::after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;height:24px}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container .dropdown{display:contents}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container label{font-family:var(--font-family-label);font-weight:var(--font-weight-label);text-transform:var(--text-transform-label);font-size:var(--font-size-label-1);line-height:var(--line-height-label-1);letter-spacing:var(--letter-spacing-label-1);font-style:var(--font-style-label);margin-bottom:unset;color:var(--color-body-a50)}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container select{margin:unset;padding:unset;border:unset;font-family:var(--font-family-body);font-weight:var(--font-weight-body);text-transform:var(--text-transform-body);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);letter-spacing:var(--letter-spacing-body-m);font-style:var(--font-style-body)}.hotels-container .hotels-filter .hotel-filter-left .hotel-filter-sort-by-container:hover{border-color:var(--color-accent-primary)}.hotels-container .hotels-filter .hotel-filter-button{display:flex;height:var(--size-l-4);flex-direction:row;gap:var(--space-2xs);justify-content:center;min-height:var(--size-l-2);align-items:center;padding:var(--space-xs) var(--space-m);border-radius:4px;border:2px solid var(--color-body-a25);background-color:rgba(0,0,0,0)}@media only screen and (max-width: 64rem){.hotels-container .hotels-filter .hotel-filter-button.hide-mobile{display:none}}.hotels-container .hotels-filter .hotel-filter-button svg{width:var(--size-m-3);height:var(--size-m-3);color:var(--color-body)}.hotels-container .hotels-filter .hotel-filter-button p{font-family:var(--font-family-button-text);font-weight:var(--font-weight-button-text);text-transform:var(--text-transform-button-text);font-size:var(--font-size-button-text-s);line-height:var(--line-height-button-text-s);letter-spacing:var(--letter-spacing-button-text-s);font-style:var(--font-style-button-text);margin-bottom:unset}.hotels-container .hotels-filter .hotel-filter-button:hover{border-color:var(--color-accent-primary)}.hotels-container .hotels-filter .hotel-filter-button:hover p{color:var(--color-accent-primary)}.hotels-container .hotels-filter .hotel-filter-button:hover svg{color:var(--color-accent-primary)}.hotels-container .hotels-filter .hotel-filter-right{display:flex;flex-direction:row;gap:var(--space-m);align-items:center}.hotels-container .hotels-filter .hotel-filter-right.mobile-filter{display:none}@media only screen and (max-width: 64rem){.hotels-container .hotels-filter .hotel-filter-right{width:100%}.hotels-container .hotels-filter .hotel-filter-right.desktop-filter{display:none}.hotels-container .hotels-filter .hotel-filter-right.mobile-filter{display:flex;flex-direction:column;gap:var(--space-l);width:100%}.hotels-container .hotels-filter .hotel-filter-right .hotel-filter-mob-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.hotels-container .hotels-filter .hotel-filter-right .hotel-results p{margin:unset;font-family:var(--font-family-subtitle);font-weight:var(--font-weight-subtitle);text-transform:var(--text-transform-subtitle);font-size:var(--font-size-subtitle-2);line-height:var(--line-height-subtitle-2);letter-spacing:var(--letter-spacing-subtitle-2);font-style:var(--font-style-subtitle)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view{display:flex;height:var(--size-l-4);flex-direction:row;align-items:center;min-height:var(--size-l-2)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button{min-height:var(--size-l-2);height:var(--size-l-4);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-2xs);background-color:rgba(0,0,0,0);border:2px solid var(--color-body-a25)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button:hover{border-color:var(--color-body)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button svg{width:var(--size-m-3);height:var(--size-m-3);color:var(--color-body)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button p{margin-bottom:unset;font-family:var(--font-family-button-text);font-weight:var(--font-weight-button-text);text-transform:var(--text-transform-button-text);font-size:var(--font-size-button-text-s);line-height:var(--line-height-button-text-s);letter-spacing:var(--letter-spacing-button-text-s);font-style:var(--font-style-button-text)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button:first-of-type{border-radius:4px 0px 0px 4px;border-right:unset}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button:last-of-type{border-radius:0px 4px 4px 0px;border-left:unset}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button.active{background-color:var(--color-body)}.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button.active svg,.hotels-container .hotels-filter .hotel-filter-right .hotel-list-view button.active p{color:var(--color-background)}.hotels-container .hotel-card{display:flex;flex-direction:column;padding-bottom:var(--space-m)}.hotels-container .hotel-card .img{width:100%;aspect-ratio:4/3;position:relative;margin-bottom:var(--space-m);border-radius:8px;overflow:hidden}.hotels-container .hotel-card .img img{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover}.hotels-container .hotel-card .content-wrap{display:flex;flex-direction:column;flex:1}.hotels-container .hotel-card .mobile-buttons.buttons{display:none}.hotels-container .hotel-card .content{display:flex;flex-direction:column;gap:var(--space-s);padding-bottom:var(--space-l);flex:1;height:unset}.hotels-container .hotel-card .content .price-pill{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--color-body-a25);border-radius:99999px;align-items:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hotels-container .hotel-card .content .price-pill p{font-family:var(--font-family-overline);font-weight:var(--font-weight-overline);text-transform:var(--text-transform-overline);font-size:var(--font-size-overline-1);line-height:var(--line-height-overline-1);letter-spacing:var(--letter-spacing-overline-1);font-style:var(--font-style-overline);margin-bottom:unset;color:var(--color-accent-primary)}.hotels-container .hotel-card .content .content-inner{display:flex;flex-direction:column;gap:var(--space-2xs)}.hotels-container .hotel-card .content .content-inner header{display:flex;flex-direction:column;gap:var(--space-3xs)}.hotels-container .hotel-card .content .content-inner header h2{margin-bottom:unset;font-family:var(--font-family-small-heading);font-weight:var(--font-weight-small-heading);text-transform:var(--text-transform-small-heading);font-size:var(--font-size-small-heading-2);line-height:var(--line-height-small-heading-2);letter-spacing:var(--letter-spacing-small-heading-2);font-style:var(--font-style-small-heading)}.hotels-container .hotel-card .content .content-inner header .hotel-location{display:flex;flex-direction:row;gap:4px;align-items:center}.hotels-container .hotel-card .content .content-inner header .hotel-location svg{width:var(--size-s-5);height:var(--size-s-5);color:var(--color-accent-primary)}.hotels-container .hotel-card .content .content-inner header .hotel-location p{color:var(--color-accent-primary);font-family:var(--font-family-overline);font-weight:var(--font-weight-overline);text-transform:var(--text-transform-overline);font-size:var(--font-size-overline-3);line-height:var(--line-height-overline-3);letter-spacing:var(--letter-spacing-overline-3);font-style:var(--font-style-overline);margin-bottom:unset}.hotels-container .hotel-card .content .content-inner article p{font-family:var(--font-family-body);font-weight:var(--font-weight-body);text-transform:var(--text-transform-body);font-size:var(--font-size-body-xs);line-height:var(--line-height-body-xs);letter-spacing:var(--letter-spacing-body-xs);font-style:var(--font-style-body)}.hotels-container .hotel-card .content .content-inner article p:last-of-type{margin-bottom:unset}.hotels-container .hotel-card .buttons{display:flex;flex-direction:row;gap:var(--space-s);align-items:center}.hotels-container .hotel-card .buttons .up-button{flex:1;text-align:center;justify-content:center;align-items:center}.hotels-container .hotel-card.loading .img{background-color:#d3d3d3}.hotels-container .hotel-card.loading .content-wrap{display:flex;gap:var(--space-s)}.hotels-container .hotel-card.loading .content-wrap div:nth-of-type(1){height:2.5rem;width:12rem;background-color:#d3d3d3;border-radius:99999px}.hotels-container .hotel-card.loading .content-wrap div:nth-of-type(2),.hotels-container .hotel-card.loading .content-wrap div:nth-of-type(3),.hotels-container .hotel-card.loading .content-wrap div:nth-of-type(4){height:1.5rem;width:90%;background-color:#d3d3d3;border-radius:99999px}.hotels-container .hotel-card.loading .loading-animation{overflow:hidden;position:relative}.hotels-container .hotel-card.loading .loading-animation::after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translateX(-100%);background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.35), transparent);animation:loading 1.5s infinite}@keyframes loading{100%{transform:translateX(100%)}}.hotels-container .hotels-page{display:flex;flex-direction:row;align-items:center;gap:var(--space-s);padding-top:var(--space-xl);justify-content:center}.hotels-container .hotels-page .page-select-div{padding:8px;width:var(--size-l-1);height:var(--size-l-1);text-align:center}.hotels-container .hotels-page .page-arrow{width:var(--size-m-3);height:var(--size-m-3);position:relative;background-color:rgba(0,0,0,0);border:unset;padding:unset;min-height:unset;display:flex;align-items:center;justify-content:center}.hotels-container .hotels-page .page-arrow svg{inset:0;-o-object-fit:contain;object-fit:contain;color:var(--color-body);width:var(--size-m-3);height:var(--size-m-3)}.hotels-container .hotels-page .page-arrow.disabled{opacity:.5}.hotels-container .hotels-page .page-arrow:hover:not(.disabled) svg{color:var(--color-accent-primary)}.hotels-container .hotels-page .hotel-inner-pages{display:flex;flex-direction:row;gap:8px;align-items:center}.hotels-container .hotels-page .hotel-inner-pages button{aspect-ratio:1/1;border:unset;border-radius:4px;width:var(--size-l-1);height:var(--size-l-1);padding:8px;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:var(--color-body-a5);font-family:var(--font-family-body);font-weight:var(--font-weight-body);text-transform:var(--text-transform-body);font-size:var(--font-size-body-m);line-height:var(--line-height-body-m);letter-spacing:var(--letter-spacing-body-m);font-style:var(--font-style-body);color:var(--color-body);min-height:unset}.hotels-container .hotels-page .hotel-inner-pages button.active,.hotels-container .hotels-page .hotel-inner-pages button:hover{background-color:var(--color-accent-primary);color:var(--color-background)}
/*# sourceMappingURL=hotels.css.map */
