@import url(https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@300;400;500&family=Karma:wght@300;400;600;700&family=Khand:wght@500&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e1e1e1;display:flex;flex-direction:column;font-family:Karma,serif;font-weight:400}#wrapper{min-height:100vh;position:relative}.skip-link{background-color:#ef6e5b;color:#fff;left:0;padding:8px;position:absolute;top:-100px;z-index:999}.skip-link:focus{top:0}.app-bar{background-color:#fff;display:grid;grid-template-columns:1fr auto auto;height:70px;padding:10px 18px;position:sticky;top:0;z-index:99}.app-bar .app-bar__menu{align-items:center;display:flex;text-decoration:none}.app-bar .app-bar__menu i{color:#000;cursor:pointer;font-size:23px;padding:12px}.app-bar .app-bar__brand{align-items:center;display:flex;gap:10px}.app-bar .app-bar__brand h1{font-family:Arima Madurai,cursive;font-size:28px;letter-spacing:.1em;text-transform:uppercase;user-select:none}.app-bar .app-bar__navigation{background-color:#fff;left:-800px;overflow:hidden;padding:8px;position:absolute;top:50px;transition:all .3s;width:100%}.app-bar .app-bar__navigation ul li a{color:#000;display:inline-block;font-size:14px;font-weight:600;margin-bottom:5px;min-height:44px;padding:10px;text-decoration:none;width:100%}.app-bar .app-bar__navigation ul li a,.app-bar .app-bar__navigation ul li a:after{transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.app-bar .app-bar__navigation ul li a:after{background-color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;content:"";display:block;height:3px;margin:0 auto;width:0}.app-bar .app-bar__navigation ul li a:hover:after{width:30px}.app-bar .app-bar__navigation.open{left:0;text-align:center}.test{height:calc(100vh - 70px)}.app-hero,.app-hero-container{background-color:#fff;height:calc(100vh - 70px)}.app-hero{align-items:center;display:flex;flex-wrap:wrap-reverse;margin:0 auto;max-width:90%;min-height:calc(100vh - 70px);width:100%}.app-hero .app-hero__img{height:40%;width:100%}.app-hero .app-hero__img img{aspect-ratio:3/2;height:100%;max-width:100%;object-fit:contain;width:100%}.app-hero .app-hero__info{height:60%}.app-hero .app-hero__info h1{font-family:Arima Madurai,cursive;font-size:clamp(35px,5vw,60px);font-weight:700;letter-spacing:1px;line-height:1;text-transform:uppercase}.app-hero .app-hero__info p{color:#36454f;font-size:clamp(18px,5vw,30px);font-weight:700;letter-spacing:.1em;padding:1em 0}.app-hero .app-hero__info a{background:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff;font-size:18px;font-weight:600;padding:.5em 1em;text-decoration:none;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.app-hero>*{flex:1 1 30em}main{flex:1;margin-bottom:80px}main .content{margin:0 auto}main .content .content__heading{font-size:22px;font-weight:600;margin-bottom:30px;padding:30px 25px 0;text-align:center}.restaurants{display:grid;gap:16px;grid-template-columns:1fr;margin:0 auto;padding:0 25px}.restaurants .restaurants__empty{font-size:18px;font-weight:700;margin:0 auto}.restaurant-item{aspect-ratio:16/9;overflow:hidden;position:relative}.restaurant-item .restaurant-item__image{border-radius:8px;-webkit-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);-moz-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);height:100%;object-fit:cover;width:100%}.restaurant-item .restaurant-item__name{border-radius:0 10px 10px 0;font-size:16px;left:0;top:10px}.restaurant-item .restaurant-item__name,.restaurant-item .restaurant-item__rating{background-color:rgba(0,0,0,.5);color:#fff;display:inline-block;font-weight:700;padding:5px 18px;position:absolute}.restaurant-item .restaurant-item__rating{border-radius:8px 0 8px 0;bottom:0;font-size:14px;right:0}.restaurant-item .restaurant-item__rating i{color:gold;margin:0 2px 0 5px}#restaurant .detail__image{position:relative}#restaurant .detail__image img{border-radius:0 0 20px 20px;width:100%}#restaurant .detail__image .detail__favorite{align-items:center;background-color:#c85344;border-radius:50%;bottom:-10px;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:45px;min-width:45px;position:absolute;right:30px}#restaurant .detail__image .detail__favorite i{color:#fff}#restaurant .detail-info{display:flex;flex-direction:column;margin:0 auto;width:90%}#restaurant .detail-info .detail-info__name{font-size:20px;font-weight:700}#restaurant .detail-info .detail-info__city-address{color:#a9a9a9;display:flex;font-family:Arima Madurai,cursive;font-size:14px;font-weight:700;gap:5px}#restaurant .detail-info .detail-info__city-address .city i{margin-right:3px}#restaurant .detail-info .detail-info__city-address .point{font-size:20px;margin-top:-10px}#restaurant .detail-info .detail-info__categories{color:#ef6e5b;display:flex;flex-wrap:wrap;font-size:12px;font-weight:700;gap:10px;margin-bottom:10px;margin-top:8px;text-transform:uppercase}#restaurant .detail-info .detail-info__categories .category{border:2px solid #ef6e5b;border-radius:8px;padding:8px 16px 5px}#restaurant .detail-info .detail-info__rating-review{align-items:center;display:flex;gap:10px;margin-top:5px}#restaurant .detail-info .detail-info__rating-review .rating{font-weight:700}#restaurant .detail-info .detail-info__rating-review .rating i{color:gold}#restaurant .detail-info .detail-info__rating-review .review{color:#a9a9a9;font-size:13px;font-weight:600}#restaurant .detail-info .detail-info__write-review{color:#a9a9a9;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;padding:5px 0}#restaurant .detail-info .detail-info__write-review i{margin-right:5px}#restaurant .detail-info .detail-info__write-review:hover{color:#000}#restaurant .detail-info .detail-info__write-review:hover i{transform:rotate(-10deg)}#restaurant .accordion{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:10px 0}#restaurant .accordion i{font-size:10px;margin-bottom:5px;margin-right:10px}#restaurant .panel{font-size:14px;max-height:0;overflow:hidden;transition:max-height .2s ease-out}#restaurant .panel p{padding:10px 0;text-align:justify}#restaurant .panel .food-container{display:flex;flex-direction:column;font-family:Arima Madurai,cursive;font-weight:600;gap:10px}#restaurant .panel .food-container .drink,#restaurant .panel .food-container .food{display:flex;gap:20px}#restaurant .panel .food-container .drink .image,#restaurant .panel .food-container .food .image{width:150px}#restaurant .panel .food-container .drink .image img,#restaurant .panel .food-container .food .image img{border-radius:8px;-webkit-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);-moz-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);width:100%}#restaurant .panel .food-container .drink .name-rating-category,#restaurant .panel .food-container .food .name-rating-category{display:flex;flex-direction:column;margin-top:10px}#restaurant .panel .food-container .drink .name-rating-category .name,#restaurant .panel .food-container .food .name-rating-category .name{font-size:14px;text-transform:uppercase}#restaurant .panel .food-container .drink .name-rating-category .category,#restaurant .panel .food-container .food .name-rating-category .category{color:#aaa;font-size:12px}#restaurant .panel .food-container .drink .name-rating-category .rating,#restaurant .panel .food-container .food .name-rating-category .rating{margin-top:10px}#restaurant .panel .food-container .drink .name-rating-category .rating i,#restaurant .panel .food-container .food .name-rating-category .rating i{color:gold}#restaurant .panel .review-container{display:flex;flex-direction:column;gap:20px}#restaurant .panel .review-container .review{background-color:#fff;border-radius:8px;color:#818589;font-size:12px;font-weight:700;padding:15px}#restaurant .panel .review-container .review .review__name-date{display:flex;justify-content:space-between}#restaurant .panel .review-container .review .review__name-date .name{color:#000;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#restaurant .panel .review-container .review .text{margin-top:10px;word-spacing:1px}.active i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.modal{background:#faf9f6;border:1px solid #ccc;border-radius:25px 25px 0 0;bottom:-100vh;height:50vh;overflow:hidden;padding:10px;position:fixed;transition:1s;width:100%;z-index:999}.modal .hide{color:#aaa;font-size:14px;font-weight:700;padding:18px;position:absolute;right:10px;z-index:999}.modal .modal__body{align-items:center;display:flex;flex-direction:column;font-family:Arima Madurai,cursive;justify-content:center;margin:0 auto;width:80%}.modal .modal__body .title{font-size:18px;font-weight:700;letter-spacing:1px;padding:10px}.modal .modal__body .form{display:flex;flex-direction:column;gap:10px;width:100%}.modal .modal__body .form input{height:35px}.modal .modal__body .form input,.modal .modal__body .form textarea{background-color:#f8f8f8;border:2px solid #ccc;border-radius:4px;box-sizing:border-box;padding:12px 20px}.modal .modal__body .form textarea{height:150px;resize:none;width:100%}.modal .modal__body .form .btn{background-color:#ef6e5b;border:2px solid #ccc;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:13px 30px;text-transform:uppercase}.open-modal,footer{bottom:0}footer{left:0;margin-top:30px;padding:16px;position:absolute;right:0}footer p{color:#000;font-size:14px;font-weight:700;text-align:center}.backdrop{background:rgba(0,0,0,.3);height:100%;position:fixed;width:100%;z-index:9999}.lds-ellipsis{bottom:0;display:inline-block;height:80px;left:0;margin:auto;position:absolute;right:0;top:0;width:80px;z-index:9999}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@media screen and (min-width:600px){.app-bar{grid-template-columns:1fr auto;padding:8px 32px}.app-bar .app-bar__brand h1{font-size:2.3em}.app-bar .app-bar__menu{display:none}.app-bar .app-bar__navigation{position:static;width:100%}.app-bar .app-bar__navigation ul li{display:inline-block}.app-bar .app-bar__navigation ul li a{display:inline-block;font-size:20px;margin:0;text-align:center;width:160px}.app-hero .app-hero__img{height:80%;width:50%}.app-hero .app-hero__img img{aspect-ratio:3/2;object-fit:contain}main .content .content__heading{font-size:28px;text-align:left}.restaurants{grid-template-columns:repeat(2,1fr)}.restaurants .restaurant-item__name{font-size:18px}.restaurants .restaurant-item__rating{font-size:16px}#restaurant .detail__image .detail__favorite{bottom:-20px;font-size:30px;height:60px;width:60px}#restaurant .detail-info .detail-info__name{font-size:26px}#restaurant .detail-info .detail-info__city-address{font-size:18px}#restaurant .detail-info .detail-info__rating-review{font-size:20px}#restaurant .detail-info .detail-info__rating-review .review{font-size:16px}#restaurant .detail-info .detail-info__write-review{font-size:18px}#restaurant .detail-info .detail-info__categories{font-size:14px}#restaurant .accordion{font-size:22px}#restaurant .accordion i{font-size:16px}#restaurant .panel{font-size:18px}#restaurant .panel .review-container .review{font-size:16px;padding:20px}#restaurant .food-container{flex-direction:row!important;flex-wrap:wrap}#restaurant .food-container .food{width:49%}.modal{height:35vh}footer p{font-size:18px}}@media screen and (min-width:768px){.restaurants{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){.restaurants{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width:1200px){.restaurants{grid-template-columns:repeat(5,1fr)}#restaurant{margin-top:30px}#restaurant .detail{display:flex;gap:40px;margin:0 auto;width:90%}#restaurant .detail__image{position:static;width:100%}#restaurant .detail__image img{border-radius:8px;-webkit-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);-moz-box-shadow:10px 10px 17px -1px rgba(0,0,0,.27);box-shadow:10px 10px 17px -1px rgba(0,0,0,.27)}#restaurant .detail__image .detail__favorite{font-size:20px;height:50px;position:absolute;right:5%;top:120px;width:50px}#restaurant .detail-info{margin-top:0}.modal{right:0;width:30%}}.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.far,.fas{font-family:Font Awesome\ 6 Free}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}24%,8%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-bars:before{content:""}.fa-star:before{content:""}.fa-heart:before{content:""}.fa-comment:before{content:""}.fa-times:before{content:""}.fa-map:before{content:""}.fa-chevron-right:before{content:""}:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-display:block;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:900;src:url(41c0f706d8ce93933771.woff2) format("woff2"),url(b1a653db79258eeccc5d.ttf) format("truetype")}.fas{font-weight:900}:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-display:block;font-family:Font Awesome\ 6 Free;font-style:normal;font-weight:400;src:url(1f3772178d9e5bed38a6.woff2) format("woff2"),url(3cd9fb8fcec4ad0f99d4.ttf) format("truetype")}.far{font-weight:400}
/*# sourceMappingURL=app~726e1b4d.css.map*/