*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;min-height:100vh}a,button{min-height:44px;min-width:44px}main{padding-bottom:1rem}.open{display:list-item!important}.skip-link{background-color:#ff731d;border-radius:1rem;color:#fff;left:0;padding:1rem;position:absolute;text-decoration:none;top:-100px;z-index:100}.skip-link:focus{left:1rem;top:1rem}.container{margin:auto;max-width:100%;padding:0 1rem}.app-bar{color:#ff731d;justify-content:space-between;margin:auto;padding:1rem}.app-bar,.app-bar .app-logo{align-items:center;display:flex}.app-bar .app-logo{flex-grow:4}.app-bar .app-logo i{font-size:larger}.app-bar #menu{background-color:transparent;border:0;color:#000;font-size:xx-large;text-align:center}.app-bar #drawer{background-color:#fff;display:none;left:0;list-style:none;min-width:100%;padding:16px 0;position:absolute;top:3.8rem;z-index:10}.app-bar #drawer li{border-bottom:2px solid #e0e0e0;text-align:left;width:100%}.app-bar #drawer li a{color:#000;display:block;font-size:large;line-height:3rem;padding:.5rem 1rem;text-decoration:none}.app-bar #drawer li a:hover{color:#ff731d;text-decoration:none}.app-bar #drawer .active{border-bottom:2px solid #ff731d}.hero-section{align-items:center;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:500px;position:relative}.hero-section picture{height:100%;position:absolute;width:100%;z-index:-1}.hero-section picture img{height:100%;object-fit:cover;width:100%}.hero-section h1{font-size:xx-large;margin:2rem}.hero-section p{font-size:x-large;margin:0 1rem;text-align:center}.choose-us-section{padding:2rem 1rem}.choose-us-section h2{margin:2rem 0;text-align:center}.choose-us-list{margin:2rem 0;width:100%}.choose-us-item{border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);margin:1rem 0;padding:1rem;position:relative;text-align:center}.choose-us-item i{color:#ff731d;font-size:500%}.choose-us-item h3{font-size:larger;margin:1rem}.choose-us-item p{margin:1rem}.restaurant-section{padding:0 1rem}.restaurant-section h2{margin:2rem 0;text-align:center}.restaurant-list{margin:1rem 0;width:100%}.restaurant-item{border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);height:100%;margin:1rem 0;overflow:hidden;position:relative}.restaurant-item a{color:#000;text-decoration:none}.restaurant-item .item-thumbnail{position:relative}.restaurant-item .item-thumbnail img{background-position:50%;height:100%;object-fit:cover;width:100%}.restaurant-item .item-thumbnail .city-tag,.restaurant-item .item-thumbnail .rating-tag{background-color:#ff731d;color:#fff;font-weight:600;position:absolute;top:1rem}.restaurant-item .item-thumbnail .city-tag{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;left:0;padding:.5rem .5rem .5rem 1rem}.restaurant-item .item-thumbnail .rating-tag{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;padding:.5rem 1rem .5rem .5rem;right:0}.restaurant-item .item-content{padding:1rem}.restaurant-item .item-content h3{font-size:larger}.restaurant-item .item-content p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;margin-top:1rem;overflow:hidden}.restaurant-detail-section .detail-information{border:.1px solid #ff731d;border-radius:1rem;margin:1rem 0;padding:1rem}.restaurant-detail-section .detail-information img{border-radius:.5rem;width:100%}.restaurant-detail-section .detail-information .information-content h1{font-size:x-large;padding:1rem 0 .5rem}.restaurant-detail-section .detail-information .information-content .categories{margin-bottom:1.5rem}.restaurant-detail-section .detail-information .information-content .categories span{background-color:#ff731d;border-radius:1rem;color:#fff;font-size:small;padding:.5rem 1rem}.restaurant-detail-section .detail-information .information-content p{margin:.5rem 0}.restaurant-detail-section .detail-description{border:.1px solid #ff731d;border-radius:1rem;margin:1rem 0;padding:1rem}.restaurant-detail-section .detail-description h2{color:#e95900;margin-bottom:1rem;text-align:center}.restaurant-detail-section .detail-menu{border:.1px solid #ff731d;border-radius:1rem;margin:1rem 0;padding:1rem}.restaurant-detail-section .detail-menu h2{color:#e95900;padding-bottom:1rem;text-align:center}.restaurant-detail-section .detail-menu .menus .menu{padding-bottom:1rem;text-align:center}.restaurant-detail-section .detail-menu .menus .menu h3{padding-bottom:.5rem}.restaurant-detail-section .detail-menu .menus .menu ul{list-style:none}.restaurant-detail-section .detail-review{border:.1px solid #ff731d;border-radius:1rem;margin:1rem 0;padding:1rem}.restaurant-detail-section .detail-review h2{color:#e95900;padding-bottom:1rem;text-align:center}.restaurant-detail-section .detail-review .review-item{align-items:flex-start;display:flex;margin:1rem 0}.restaurant-detail-section .detail-review .review-item .fa-circle-user{color:#ff731d;font-size:4rem}.restaurant-detail-section .detail-review .review-item .review-detail{border:1px solid #e95900;border-radius:.5rem;margin-left:.5rem;padding:1rem;width:100%}.restaurant-detail-section .detail-review .review-item .review-detail .review{margin-top:.5rem}.like{align-items:center;background-color:#db0000;border:0;border-radius:50%;bottom:16px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:55px;justify-content:center;position:fixed;right:16px;width:55px;z-index:999}#reviewForm{display:flex;flex-direction:column}#reviewForm label{font-size:larger;font-weight:700}#reviewForm #inputName,#reviewForm #inputReview{border:1px solid #e95900;border-radius:.5rem;font-family:Montserrat,sans-serif;margin:.5rem 0;padding:1rem}#reviewForm #inputName:focus,#reviewForm #inputReview:focus{outline:2px solid #e95900}#reviewForm #inputReview{resize:none}#reviewForm #reviewSubmit{background-color:#ff731d;border:none;border-radius:.5rem;color:#fff;cursor:pointer}#reviewForm #reviewSubmit:hover{background-color:#e95900}.skeleton{animation:skeleton-loading 1s linear infinite alternate}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.skeleton-img{height:16rem;padding:1rem;width:100%}.skeleton-img__detail{border-radius:.5rem;flex:1}.skeleton-text{border-radius:.25rem;height:.7rem;margin-bottom:.5rem;width:100%}.skeleton-text__name{height:1.2rem;margin-bottom:1rem;width:75%}.center{align-items:center;display:flex!important;justify-content:center;text-align:center}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#e95900;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{background-color:#ff731d;color:#fff;font-weight:700;padding:2rem 1rem;position:sticky;text-align:center;top:100%}@media only screen and (min-width:576px){.container{margin:auto;max-width:576px}.restaurant-list{column-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:1rem}.restaurant-item .item-thumbnail img{max-height:20vh}.choose-us-list{column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1rem}#menu{display:none}.app-bar #drawer{display:flex;list-style:none;min-width:auto;padding:0;position:static}.app-bar #drawer li{border-bottom:none;display:initial;width:auto}.app-bar #drawer li .active{border-bottom:3px solid #ff731d}.app-bar #drawer li a{color:#000;font-weight:600;text-decoration:none}.app-bar #drawer li a:hover{color:#ff731d;text-decoration:none}.detail-information{display:flex}.detail-information picture{flex:1}.detail-information img{width:50%}.detail-information .information-content{flex:1;margin-left:1rem}.detail-menu .menus{display:flex;justify-content:center}.detail-menu .menus .menu{margin:0 2rem;text-align:start!important}}@media only screen and (min-width:992px){.container{margin:auto;max-width:992px}.restaurant-item .item-thumbnail img{height:40vh;max-height:none}.detail-container{display:flex}.detail-description{flex:1;margin-right:1rem!important}.detail-menu{flex:1}}@media only screen and (min-width:1200px){.container{margin:auto;max-width:1200px}.hero-section img{height:100%;min-width:1000px;object-fit:cover;position:absolute;z-index:-1}.restaurant-list{column-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:1rem}}
/*# sourceMappingURL=app~d38dc926.css.map*/