html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:1200px;margin:0 auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-font:"Montserrat",sans-serif;--searchbar-font:"Mulish",sans-serif;--space-unit:1em;--space-xs:calc(var(--space-unit)*0.2);--space-sm:calc(var(--space-unit)*0.7);--space-md:calc(var(--space-unit)*1.25);--space-lg:calc(var(--space-unit)*2);--space-xl:calc(var(--space-unit)*3);--space-xxl:calc(var(--space-unit)*5);--color-black:#333;--color-white:#f2f2f2;--color-grey-1:#4f4f4f;--color-grey-2:#828282;--color-grey-3:#bdbdbd;--color-grey-4:#a9a9a9;--color-orange:#eb5757;--text-lg:24px;--text-md:16px;--text-sm:14px;--text-xs:12px;--text-xxs:9px;--border-value:1px solid var(--color-white)}.material-icons{font-size:18px;color:#eb5757;color:var(--color-orange)}.App{font-family:"Montserrat",sans-serif;font-family:var(--main-font);margin:1.25em 5em;margin:var(--space-md) var(--space-xxl)}.App__card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-column-gap:1.25em;grid-column-gap:var(--space-md);grid-row-gap:3em;grid-row-gap:var(--space-xl);margin-bottom:5em;margin-bottom:var(--space-xxl)}.App__card-list .card{width:100%}.stays__heading{display:flex;align-items:center;justify-content:space-between}.stays__place{font-size:24px;font-size:var(--text-lg);color:#333;color:var(--color-black)}.stays__total{font-size:14px;font-size:var(--text-sm);font-weight:500;color:#4f4f4f;color:var(--color-grey-1)}.stays__unavailable{text-align:center}@media screen and (max-width:767.98px){.App{margin:.7em;margin:var(--space-sm) var(--space-sm)}}@media screen and (max-width:398px){:root{--text-lg:18px;--text-md:14px;--text-sm:12px;--text-xs:10px}.App__card-list .card__properties{height:40px}.App__card-list .card__image{height:220px}.App__card-list{grid-row-gap:2em;grid-row-gap:var(--space-lg)}}.card{width:395px}.card__image{width:100%;height:270px;object-fit:cover;border-radius:24px}.card__properties{display:flex;align-items:center;justify-content:space-between;height:50px}.card__superhost{font-size:var(--text-xs);font-weight:700;color:var(--color-grey-1);text-transform:uppercase;border:1px solid var(--color-grey-1);border-radius:12px;padding:calc(var(--space-sm)/1.2) var(--space-sm);margin-right:var(--space-sm)}.card__stay-type{font-size:var(--text-sm);font-weight:500;color:var(--color-grey-2)}.card__stay-type,.card__superhost{display:inline-block}.card__rating-wrapper{display:flex;align-items:center}.card__rating{font-size:var(--text-sm);color:var(--color-grey-1);margin-left:calc(var(--space-xs)*1.7)}.card__title{font-size:var(--text-md);font-weight:600;color:var(--color-black);margin:0}.header{height:60px;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}@media screen and (max-width:500px){.header{height:120px;margin-bottom:var(--space-md)}.header__logo{flex-basis:100%}.header>.searchbar{width:100%;margin-top:var(--space-lg);display:flex;justify-content:center}}.searchbar{font-family:var(--searchbar-font);font-size:14px}.searchbar__wrapper{display:grid;align-items:center;grid-template-columns:auto auto auto;box-shadow:0 1px 6px rgba(0,0,0,.1);border-radius:16px}.searchbar__city,.searchbar__guests{font-size:inherit;display:inline-block;margin:0;padding:calc(var(--space-md)*0.26) calc(var(--space-md)*1.18);border-right:1px solid var(--color-white)}.searchbar__placeholder{color:var(--color-grey-3)}.searchbar__icon-wrapper{display:flex;justify-content:center}.searchbar__icon{padding:0 calc(var(--space-md)*0.6)}.searchbar__city,.searchbar__guests{color:var(--color-black)}.searchbar__icon.material-icons{font-size:22px}.searchbar__collapsible{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;padding:var(--space-xxl) var(--space-xxl);font-family:var(--searchbar-font);font-size:14px;z-index:1}.searchbar__collapsible-header{display:none}.searchbar__collapsible-header>p{font-size:12px;font-weight:700;color:var(--color-black)}.searchbar__collapsible-header>.btn{border:none;margin-right:-5px}.searchbar__collapsible-header>.btn>.material-icons{color:var(--color-black)}.searchbar__collapsible-wrapper{display:grid;grid-template-columns:1fr 1fr .9fr;box-shadow:0 1px 6px rgba(0,0,0,.1);border-radius:16px;width:100%}.searchbar__button-container{align-self:center;display:flex;justify-content:center;height:50px}.searchbar__input-wrapper{border-left:var(--border-value);border-right:var(--border-value)}.searchbar__options{display:grid;grid-template-columns:1fr 1fr .9fr;grid-template-areas:"l-list g-type .";margin-top:var(--space-lg)}.searchbar__location-list{grid-area:l-list;padding-left:var(--space-sm)}.searchbar__guests-type{grid-area:g-type;padding-left:var(--space-md)}.searchbar__guests-type .btn:focus,.searchbar__guests-type .btn:hover{border:2px solid var(--color-orange)}.searchbar__guests-type .btn:focus>.material-icons,.searchbar__guests-type .btn:hover>.material-icons{color:var(--color-orange)}.searchbar__guests-title{font-weight:700;font-size:inherit;margin:0}.searchbar__guests-subtitle{font-size:inherit;color:var(--color-grey-3);margin-top:0}.searchbar__guest-adult,.searchbar__guest-children{width:90px;display:flex;justify-content:space-between;position:relative}.searchbar__guest-adult>.input>input::-webkit-input-placeholder,.searchbar__guest-children>.input>input::-webkit-input-placeholder{color:var(--color-black)}.searchbar__guest-adult>.input>input:-ms-input-placeholder,.searchbar__guest-children>.input>input:-ms-input-placeholder{color:var(--color-black)}.searchbar__guest-adult>.input>input::placeholder,.searchbar__guest-children>.input>input::placeholder{color:var(--color-black)}.searchbar__guest-adult{margin-bottom:var(--space-lg)}.searchbar__guest-adult>.btn>.material-icons,.searchbar__guest-children>.btn>.material-icons{font-size:inherit;color:var(--color-grey-2)}.searchbar__guest-adult>.btn,.searchbar__guest-children>.btn{position:absolute}.searchbar__guests-type .btn--remove{top:0;left:0;z-index:1}.searchbar__guests-type .btn--add{top:0;right:0;z-index:1}.searchbar__collapsible .searchbar__options{width:100%}.searchbar__location-list .address:hover{color:var(--color-orange)}.ReactModal__Body--open,.ReactModal__Html--open{overflow:hidden}.searchbar__modal{position:absolute;top:0;left:0;right:0;bottom:30%;outline:none}.searchbar__modal--overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(79,79,79,.4);overflow:none}@media screen and (max-width:767.98px){.searchbar__collapsible{height:90vh;padding:var(--space-sm) var(--space-sm)}.searchbar__collapsible-header{display:flex;align-items:center;justify-content:space-between}.searchbar__collapsible-wrapper{grid-template-columns:1fr;grid-template-areas:"in-f" "in-s" "." "." "b"}.searchbar__collapsible-wrapper .input-container:first-child{grid-area:in-f}.searchbar__input-wrapper{grid-area:in-s;border-left:unset;border-right:unset;border-top:var(--border-value)}.searchbar__button-container{position:absolute;bottom:var(--space-lg);left:50%}.searchbar__button-container .btn{margin-left:-65px}.searchbar__options{display:inline-block}.searchbar__modal{bottom:10%}}@media screen and (max-width:374.98px){.searchbar__city,.searchbar__guests{padding:calc(var(--space-md)*0.26) calc(var(--space-md)*0.7)}.searchbar__icon{padding:0 calc(var(--space-md)*0.5)}}.btn{display:flex;align-items:center;padding:calc(var(--space-md)*0.8) var(--space-lg);border:none;border-radius:16px;outline:none;cursor:pointer;font-family:var(--searchbar-font);font-size:var(--text-sm);font-weight:700;color:var(--color-white);background:var(--color-orange);width:130px}.btn__icon{margin-right:var(--space-xs)}.btn__icon.material-icons{font-size:22px;color:var(--color-white)}.btn--symbol{border:1px solid var(--color-grey-2);border-radius:4px;width:auto;padding:var(--space-xs) var(--space-xs);background:unset;color:var(--color-grey-2)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-container{position:relative}.input>input{font-family:var(--searchbar-font);font-size:14px;padding:var(--space-lg) var(--space-md) var(--space-sm);border:none;border-radius:16px;outline:none}.input>input::-webkit-input-placeholder{color:var(--color-grey-3)}.input>input:-ms-input-placeholder{color:var(--color-grey-3)}.input>input::placeholder{color:var(--color-grey-3)}.input--focus:focus{border:1px solid var(--color-black);border-radius:16px;-webkit-filter:drop-shadow(0 1px 6px rgba(0,0,0,.1));filter:drop-shadow(0 1px 6px rgba(0,0,0,.1))}.input__label{position:absolute;top:var(--space-md);left:var(--space-lg);font-size:var(--text-xxs);font-weight:800;color:var(--color-black);text-transform:uppercase;z-index:1}.input--fullwidth{width:100%}.input--disable:{border:1px solid var(--color-black);border-radius:16px;-webkit-filter:drop-shadow(0 1px 6px rgba(0,0,0,.1));filter:drop-shadow(0 1px 6px rgba(0,0,0,.1))}input.input--numbered{padding:var(--space-xs) var(--space-lg);border:none;border-radius:0;outline:none;text-align:center;color:var(--color-black);font-weight:700}.input--numbered:focus{border:unset;border-radius:unset;-webkit-filter:unset;filter:unset}.address{display:flex;align-items:center;font-family:inherit;font-weight:400;font-size:14px;color:var(--color-grey-1);margin-bottom:var(--space-lg);cursor:pointer}.address .material-icons{font-size:20px;color:var(--color-grey-1);margin-right:var(--space-xs)}.address:hover,.address:hover>.material-icons{color:var(--color-orange)}.footer{font-size:14px;display:flex;justify-content:center;text-align:center;color:var(--color-grey-4)}.footer>p{width:40%;border-top:1px solid var(--color-grey-3);padding-top:var(--space-md)}.footer a{text-decoration:none;color:inherit}.footer .footer__creator,.footer a:hover{text-decoration:underline}.footer .footer__creator{font-weight:700}@media screen and (max-width:991.98px){.footer>p{width:60%}}@media screen and (max-width:767.98px){.footer>p{width:93%}}
/*# sourceMappingURL=main.7487b34d.chunk.css.map */