@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{-webkit-filter:url(#gaussian-blur);filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:hsla(0,0%,100%,.9);bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}body,button{font-family:Roboto,sans-serif}.App{margin-left:auto;margin-right:auto;max-width:450px;padding-left:1rem;padding-right:1rem}.add-hotel-link{align-items:center;background-color:transparent;border:none;color:#3498db;cursor:pointer;display:flex;margin-top:2rem;text-decoration:none}.add-hotel-link .icon-wrapper{align-items:center;border:2px solid #3498db;border-radius:.25rem;display:flex;height:45px;justify-content:center;width:45px}.add-hotel-link span{display:inline-block;font-size:1.25rem;font-weight:bolder;margin-left:.5rem}.add-hotel-link:hover .icon-wrapper{background-color:#3498db}.add-hotel-link:hover .icon-wrapper svg{fill:#fff}.hotel-form{margin-top:1rem}.hotel-form-label{font-weight:400}.hotel-form-input,.hotel-form-label{display:block;font-size:1.1rem;width:100%}.hotel-form-input{border:2px solid #ecf0f1;border-radius:.25rem;margin:.75rem 0;max-width:300px;min-height:60px;padding-left:1rem}.hotel-form-input:focus{outline-color:#3498db;outline-width:2px}.hotel-form-error{background-color:#e74c3c;border-radius:.25rem;color:#fff;display:block;font-size:.8rem;margin-bottom:.75rem;max-width:300px;padding:.25rem .5rem;width:100%}.hotel-form-button{background-color:#3498db;border:2px solid #3498db;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease-in-out}.hotel-form-button.disabled{align-items:center;background-color:#2ecc71;border-color:#2ecc71;color:#fff;display:inline-flex;height:36px;justify-content:center;pointer-events:none}.hotel-form-button.disabled span{margin-left:.2rem;margin-top:.1rem}.dropdown{margin-top:1.5rem;position:relative;z-index:2}.dropdown-toggle{align-items:center;background-color:#fff;border:none;border-radius:.25rem;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.5rem 1.25rem}.dropdown-toggle span{color:#5f5f5f;margin-left:.5rem}.dropdown-menu{background-color:#fff;border-radius:.25rem;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);margin-top:.75rem;padding:.5rem .75rem;position:absolute}.dropdown-menu .dropdown-item{border-radius:.25rem;color:#5f5f5f;cursor:pointer;font-size:1.1rem;margin:.6rem 0;padding:.5rem}.dropdown-menu .dropdown-item:hover{background-color:#ecf0f1}.hotel-list{margin-top:2rem}.hotel{align-items:center;border-radius:.25rem;box-shadow:0 8px 24px hsla(210,8%,62%,.2);cursor:pointer;display:flex;list-style-type:none;margin-bottom:1.5rem;padding:.5rem;position:relative}@media (max-width:450px){.hotel{flex-direction:column;padding:1rem}.hotel .left{width:100%}}.hotel .right{margin-left:1rem}@media (max-width:450px){.hotel .right{margin-left:0;margin-top:.75rem;width:100%}}.hotel-image{border-radius:.25rem;display:block;height:100px;object-fit:cover;width:100px}@media (max-width:450px){.hotel-image{height:100%;max-height:175px;width:100%}}.hotel-name{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.hotel-point{background-color:#ecf0f1bc;margin:.5rem 0;padding:.25rem .5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hotel-point,.hotel-point-button{border-radius:.25rem;color:#3498db}.hotel-point-button{background-color:#fff;border:2px solid #3498db;cursor:pointer;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease-in-out}.hotel-point-button.active{align-items:center;background-color:#3498db;color:#fff;display:inline-flex;justify-content:center;padding:.3rem 1rem;pointer-events:none}.hotel-point-button.active span{margin-left:.2rem;margin-top:.1rem}.hotel-point-button:not(:last-child){margin-right:.5rem}.hotel-point-button:hover{background-color:#3498db;color:#fff}@media (max-width:450px){.hotel-point-button.decrease{margin-top:.5rem}}.hotel-delete-button{background-color:transparent;border:none;cursor:pointer;opacity:0;position:absolute;right:-.5rem;top:-.5rem}.hotel .confirm{left:0;position:fixed;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hotel:hover .hotel-delete-button{opacity:1}.react-confirm-alert-overlay{background:rgba(0,0,0,.5)!important}.react-confirm-alert .custom-ui{background-color:#fff;border-radius:.25rem;max-width:350px;padding:1.5rem;position:relative}.react-confirm-alert .custom-ui-close{background-color:transparent;border:none;color:#fff;cursor:pointer;position:absolute;right:-.5rem;top:-.5rem}.react-confirm-alert .custom-ui h3{color:#333;font-size:1.5rem}.react-confirm-alert .custom-ui p{color:#333;font-size:1.1rem;margin:1rem 0;text-align:center}.react-confirm-alert .custom-ui .react-confirm-buttons{display:flex;justify-content:center}.react-confirm-alert .custom-ui .react-confirm-buttons .react-confirm-accept{background-color:#3498db;border:2px solid #3498db;border-radius:.25rem;color:#fff;cursor:pointer;font-size:1rem;margin:.5rem;padding:.5rem 1rem}.react-confirm-alert .custom-ui .react-confirm-buttons .react-confirm-cancel{background-color:#fff;border:2px solid #3498db;border-radius:.25rem;color:#3498db;cursor:pointer;font-size:1rem;margin:.5rem;padding:.5rem 1rem}.pagination,.pagination-item{display:flex;justify-content:center}.pagination-item{align-items:center;border-radius:50%;cursor:pointer;height:25px;list-style-type:none;margin-right:.75rem;width:25px}.pagination-item.active{background-color:#3498db;border-radius:50%;color:#fff}.add-hotel-wrapper{margin-top:2rem}.add-hotel-wrapper .back-button{align-items:center;background-color:transparent;border:2px solid #3498db;border-radius:.25rem;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.add-hotel-wrapper .back-button:hover{background-color:#3498db}.add-hotel-wrapper .back-button:hover svg{fill:#fff}.list-wrapper{margin-bottom:2rem}
/*# sourceMappingURL=main.608325b6.css.map*/