.searchbar{--button-bg: transparent;--button-bg-hover: var(--searchbar-bg-hover, #efefef);--button-divider-color: var(--searchbar-divider-color, #e5e5e5);--button-shadow: 0px 4px 6px 0px var(--shadow-color, rgb(0 0 0 / 10%));--button-radius: 16px;--button-padding: 18px 16px;--button-text: var(--searchbar-text, #bdbdbd);--button-font-weight: 400;grid-area:searchbar;margin-inline:auto 0}.searchbar:hover{--shadow-color: rgb(0 0 0 / 25%)}@media(max-width:767px){.searchbar{margin-inline:auto}}.searchbar>.with-value{color:var(--text)}.searchbar__search{--icon-color: var(--error);--button-padding: 18px}.filter-input{box-shadow:var(--shadow);color:var(--text)}.filter-input .input-wrapper{display:flex;flex-direction:column;gap:4px;border:solid 1px transparent;border-radius:16px;padding:10px 26px;font-weight:800;font-size:var(--fs-000);text-transform:uppercase;cursor:pointer}.filter-input .input-wrapper:hover:not(.selected){background-color:var(--filter-input-bg-hover, #efefef)}.filter-input .input-wrapper.selected{border:solid 1px var(--text);cursor:default}.filter-input input{background-color:transparent;border:none;outline:none;padding:0;font-family:inherit;font-size:var(--fs-0);font-weight:400;color:var(--text);cursor:unset}.guests-criteria{display:flex;flex-direction:column;gap:12px;font-size:var(--fs-0)}.guests-criteria__label{color:var(--text);font-weight:700}.guests-criteria__hint{margin-top:-10px;color:#bdbdbd}.guests-counter{display:flex;gap:16px;font-size:var(--fs-0);font-weight:700;--button-outline-color: var(--text-secondary);--button-padding: 2px;--button-radius: 4px;--icon-size: 1.15em}.guests-counter .button:hover:enabled{--button-outline-color: var(--button-outline-hover, #222)}[data-theme=dark] .guests-counter{--button-outline-hover: #d4d4d4;--button-outline-bg-hover: #444;--button-text-disabled: #4f4f4f}.guests-menu{display:flex;flex-direction:column;gap:30px;grid-area:guests-menu}@media(max-width:767px){.guests-menu{margin-block:30px;margin-left:25px}}.guests-input{grid-area:guests-input;border-inline:1px solid #e5e5e5}@media(max-width:767px){.guests-input{border-inline:none;border-top:1px solid #e5e5e5;border-radius:0 0 16px 16px}}.location-menu{display:flex;flex-direction:column;grid-area:location-menu;overflow-y:auto;margin:0;padding-left:10px}@media(max-width:767px){.location-menu{margin-block:30px}}.location-menu li{list-style:none;display:flex;--button-bg: transparent;--button-bg-hover: var(--filter-location-bg-hover, #efefef)}.location-menu li .button{flex-grow:1;gap:10px;justify-content:flex-start;border-radius:16px;box-shadow:none;padding:10px;color:var(--text-light)}.location-input{grid-area:location-input;border-radius:16px 0 0 16px}@media(max-width:767px){.location-input{border-radius:16px 16px 0 0;box-shadow:0 1px 6px #0000001a}}.location-spinner{--spinner-size: 40px;margin:30px auto}.location-error>span{background-color:rgba(255,0,0,var(--_error-opacity, .2));border-radius:4px;padding:.1em .5em;color:var(--_error-text, #5f2120);font-weight:500}[data-theme=dark] .location-error>span{--_error-opacity: .15;--_error-text: #f4c7c7}.drawer{position:fixed;inset:0;display:flex;flex-direction:column;transition:visibility .3s ease-in-out;visibility:hidden;z-index:100}.drawer--open{visibility:visible;--_backdrop-opacity: 1;--_content-transform: translateY(0)}.drawer__header{display:none}.drawer__header[data-drawer-header]{display:var(--drawer-header-display, flex);align-items:center;justify-content:space-between}.drawer__close{padding:var(--drawer-close-padding, 0);background-color:transparent;outline:none;border:none;color:currentColor;cursor:pointer}.drawer__close>svg{fill:currentColor;width:1.7em;height:1.7em}.drawer__content{background-color:var(--drawer-bg);transform:var(--_content-transform, translateY(-100%));transition:transform .3s ease-in-out}.drawer__backdrop{position:fixed;inset:inherit;opacity:var(--_backdrop-opacity, 0);background-color:#00000040;transition:opacity .3s linear}.drawer__content{--drawer-bg: var(--color-bg);padding:3rem}@media(max-width:767px){.drawer__content{padding-block:6px 24px;padding-inline:12px}}@media(min-width:1200px){.drawer__content{padding-inline:6rem}}.drawer__header{color:var(--text);padding-block:8px;font-weight:700}@media(min-width:768px){.drawer__header{--drawer-header-display: none}}.filter-form{display:grid;grid-template-columns:var(--grid-columns, repeat(3, 1fr));grid-template-rows:var(--grid-rows, min-content 180px);grid-template-areas:"location-input  guests-input  search-button" "location-menu   guests-menu   .";row-gap:30px;overflow:hidden;transition:grid-template-rows .3s ease}@media(max-width:767px){.filter-form{--grid-columns: 1fr;--grid-rows: auto auto 250px auto;row-gap:0}.filter-form[data-filter=LOCATION]{grid-template-areas:"location-input" "guests-input" "location-menu" "search-button"}.filter-form[data-filter=GUESTS]{grid-template-areas:"location-input" "guests-input" "guests-menu" "search-button"}}.filter-form__search{--button-radius: 16px;--button-padding: 14px 26px;display:flex;justify-content:center;align-items:center;grid-area:search-button;border-radius:0 16px 16px 0;box-shadow:var(--shadow)}@media(max-width:767px){.filter-form__search{box-shadow:none}}.main-header{display:grid;grid-template-areas:"logo searchbar theme-button";grid-template-columns:auto 1fr auto;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.main-header__logo{grid-area:logo}@media(max-width:767px){.main-header{gap:0;grid-template-areas:"logo . theme-button" "searchbar searchbar searchbar";margin-bottom:12px}}.theme-button{grid-area:theme-button}[data-theme=dark] .theme-button{--icon-color: #87ceeb}.credits{color:var(--credits-text, #a9a9a9);font-family:Montserrat,sans-serif}@supports (font-variation-settings: normal){.credits{font-family:Montserrat Variable,sans-serif}}.credits{font-size:var(--fs-0, .875rem);font-weight:500;text-align:center}.username{font-weight:700;text-decoration:underline}:root{--fs-000: .625rem;--fs-00: .75rem;--fs-0: .875rem;--fs-1: 1rem;--fs-2: 1.125rem;--fs-3: 1.25rem;--fs-4: 1.5rem;--fs-5: 2rem;--fs-6: 2.25rem;--fs-7: 2.5rem;--fs-8: 3rem;--fs-9: 3.5rem;--fs-10: 4rem}:root{--fs-fluid-000: clamp(.625rem, 1.5vw, .75rem);--fs-fluid-00: clamp(.75rem, 1.5vw, .875rem);--fs-fluid-0: clamp(.875rem, 1.5vw, 1rem);--fs-fluid-1: clamp(1rem, 2vw, 1.125rem);--fs-fluid-2: clamp(1.125rem, 2vw, 1.25rem);--fs-fluid-3: clamp(1.25rem, 2vw, 1.5rem);--fs-fluid-4: clamp(1.5rem, 3vw, 1.75rem);--fs-fluid-5: clamp(2rem, 4vw, 2.25rem);--fs-fluid-6: clamp(2.25rem, 4vw, 2.5rem);--fs-fluid-7: clamp(2.5rem, 4vw, 3rem);--fs-fluid-8: clamp(3rem, 5vw, 3.5rem);--fs-fluid-9: clamp(3.5rem, 5vw, 4rem);--fs-fluid-10: clamp(4rem, 5vw, 5rem);--fs-fluid-0-2: clamp(.875rem, 1.75vw, 1.125rem);--fs-fluid-2-4: clamp(1.125rem, 2vw, 1.5rem);--fs-fluid-4-6: clamp(1.5rem, 3.5vw, 2.25rem);--fs-fluid-6-8: clamp(2.25rem, 4.5vw, 3rem)}body{min-height:100vh;min-height:100svh;max-width:1280px;min-width:320px;margin:0 auto}*,*:before,*:after{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}img,picture,svg,video{display:block;max-width:100%}img{height:auto;background-repeat:no-repeat;background-size:cover;vertical-align:middle;shape-margin:1rem;font-style:italic}@media(prefers-reduced-motion:no-preference){html,:has(:target){scroll-behavior:smooth}}html{color-scheme:dark light}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}:root{font-family:Mulish,sans-serif}@supports (font-variation-settings: normal){:root{font-family:Mulish Variable,sans-serif}}:root{--text: #333;--text-light: #4f4f4f;--text-secondary: #828282;--error: #eb5757;--error-hover: #e73434;--shadow: 0px 4px 6px 0px rgb(0 0 0 / 10%);--icon-size: var(--fs-4)}[data-theme=light]{--color-bg: #fff;--color-text: #000}[data-theme=dark]{--color-bg: #222;--color-text: #fff;--text: #fff;--text-light: #d4d4d4;--text-secondary: #c9c9c9;--filter-input-bg-hover: #444;--filter-location-bg-hover: #444;--searchbar-text: #bbb;--searchbar-bg-hover: rgba(200, 200, 200, .1);--searchbar-divider-color: rgba(225, 225, 225, .5)}body{max-width:unset;background-color:var(--color-bg);color:var(--color-text)}#root{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100svh;padding:2rem;padding-inline:3rem}@media(max-width:767px){#root{padding:1rem}}@media(min-width:1200px){#root{padding-inline:6rem}}.credits{margin-top:25px}@keyframes skeleton{0%{background-color:var(--skeleton-base)}to{background-color:var(--skeleton-accent)}}.stay-card{display:flex;flex-direction:column;gap:12px}.stay-card__image{--skeleton-base: #aaa;--skeleton-accent: #cbcbcb;object-fit:cover;border-radius:24px;outline:1px solid var(--skeleton-base);color:var(--text);aspect-ratio:16/10.5;animation:skeleton 1.25s linear infinite alternate}[data-theme=dark] .stay-card__image{--skeleton-base: #333;--skeleton-accent: #444}.stay-card__features{display:flex;align-items:center;justify-content:space-between;gap:10px;height:25px}.stay-card__super-host{flex-shrink:0;border-radius:12px;border:1px solid;padding:6px 10px;color:var(--text-light);font-size:var(--fs-fluid-000);font-weight:700}@media(max-width:767px){.stay-card__super-host{padding-inline:8px}}.stay-card__type{color:var(--text-secondary);font-size:var(--fs-fluid-00);font-weight:500}.stay-card__rating{--icon-size: 1.25em;display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--text-light);font-size:var(--fs-fluid-00);font-weight:500}.stay-card__description{margin:0;color:var(--text);font-size:var(--fs-0);font-weight:600}.search-results{font-family:Montserrat,sans-serif}@supports (font-variation-settings: normal){.search-results{font-family:Montserrat Variable,sans-serif}}.search-results header{display:flex;align-items:center;justify-content:space-between}.search-results__city{margin-block:32px;color:var(--text);font-size:var(--fs-fluid-2-4);font-weight:700}@media(max-width:767px){.search-results__city{margin-block:24px}}.search-results__count{color:var(--text-light);font-size:var(--fs-0);font-weight:500}.search-results__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:32px}main[data-loading=true]{display:flex;justify-content:center;--spinner-size: 60px}