@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap);.content{margin-top:80px;min-height:100vh}.hero{position:relative}.img-hero{height:fit-content;object-fit:cover;width:100%}.hero-tagline{align-items:flex-end;display:flex;height:100%;justify-content:start;left:0;position:absolute;top:0;width:100%}.tagline{backdrop-filter:blur(10px);background-color:#d20019de;border-top-right-radius:20px;color:var(--text-primary);color:#fff;max-width:500px;padding:15px;width:80%}.tagline h1{font-size:24px;margin-bottom:5px}.tagline p{font-size:12px}.explore{margin:30px 0;padding-left:30px;padding-right:30px}.explore h2{font-size:18px;margin:30px 0}.card-group{display:grid;gap:40px;grid-template-columns:repeat(1,1fr);margin:30px auto;width:fit-content}.card{border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);max-height:350px;max-width:350px;min-height:243px;min-width:243px;overflow:hidden;position:relative}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.card img{aspect-ratio:1/1;object-fit:cover;transition:.5s ease-in-out;width:100%}.explore .restaurant-name a{color:var(--text-primary);text-decoration:none}.card:hover img{transform:scale(110%)}.detail{border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;height:35%;padding:15px;transition:all .5s ease-in-out;width:100%}.card .city,.detail{background-color:#fff;position:absolute}.card .city{align-items:center;border-bottom-right-radius:5px;border-top-right-radius:5px;display:flex;font-size:14px;font-weight:700;height:40px;left:0;min-width:100px;padding:5px;top:20px;width:fit-content}.city span{margin-left:10px}.detail .rating{color:var(--red-primary);font-size:12px}.detail .restaurant-name{font-size:20px;margin-bottom:5px}.detail .description{line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail .full-info{color:var(--red-primary)}.card:hover .detail{height:fit-content}.card:hover .detail .description{white-space:normal}.explore .card a{align-items:center;display:flex;justify-content:start;min-height:45px;min-width:45px}.explore .card .description a{display:inline-flex;padding:5px}.explore .card h3 a{font-size:16px;margin-bottom:-10px}.hits{padding-left:30px;padding-right:30px}.hits h2{font-size:18px;margin-top:70px}.hits .card-group{gap:10px;justify-items:center;min-height:170px;width:100%}.hits .detail h3{font-size:14px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-hits{border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);max-width:350px;overflow:hidden;transition:all .3s ease-in-out;width:100%}.card-hits img{height:80px;object-fit:cover;width:80px}.card-hits a{align-items:center;background-color:#fff;color:var(--text-primary);display:flex;justify-content:space-between;text-decoration:none}.card-hits .detail{background-color:inherit;border-radius:0;position:static}.card-hits:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:translateY(-2%)}@media screen and (min-width:425px){.tagline{padding:25px}.tagline h1{font-size:32px;margin-bottom:10px}.tagline p{font-size:14px}.explore h2{font-size:24px}.detail{padding:20px}.card .city{font-size:16px}.detail .rating{font-size:16px;margin-bottom:5px}.detail .description{line-height:22px}.explore .card h3 a,.hits h2{font-size:24px}.hits .detail h3{font-size:18px}}@media screen and (min-width:768px){.img-hero{max-height:500px}.tagline p{font-size:16px}.card-group{grid-template-columns:repeat(2,1fr)}.hero-tagline{align-items:flex-end;justify-content:center}.tagline{border-radius:30px;color:#fff;margin-bottom:10px;padding:25px;text-align:center;width:80%}.tagline p{margin:auto;max-width:300px}}@media screen and (min-width:1024px){.card-group{grid-template-columns:repeat(3,1fr)}.explore,.hero,.hits{margin:auto;max-width:1200px}}@media screen and (min-width:1200px){.img-hero{min-width:1000px}}*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}:root{--red-primary:#d2001a;--white-primary:#fafafa;--text-primary:#181d31;--text-secondary:#393e46;--font-normal:16px;--font-medium:18px}body{background-color:var(--white-primary);color:var(--text-primary)}.skip-link{background-color:var(--red-primary);color:#fff;left:0;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:100}.skip-link:focus{top:0}img{display:block}footer{background-color:var(--red-primary);display:flex;flex-direction:column;gap:2px;height:80px;justify-content:center;width:100%}footer p{color:#fff;text-align:center}p{font-size:12px}@media screen and (min-width:425px){p{font-size:16px}}header{background-color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:var(--white-primary);height:80px;margin-top:-80px;position:fixed;z-index:10}.header,header{align-items:center;display:flex;width:100%}.header{justify-content:space-between}#logo{margin-left:20px}.img-logo{max-height:45px;object-fit:contain}.img-logo-large{display:none}#botram{font-size:34px;font-weight:bolder}nav{position:relative}.burger{align-items:center;background-color:#fff;border-radius:10px;border-style:none;display:flex;flex-direction:column;height:45px;justify-content:space-around;margin:10px 20px 10px 10px;padding:10px;transition:all .5s ease-in-out;width:45px}.burger .line{background-color:var(--red-primary);border-radius:99px;display:block;height:2px;transition:all .3s ease-in-out;width:100%}.burger .line:first-child{margin-left:auto;transform-origin:top left;width:50%}.burger .line:nth-child(3){transform-origin:bottom left}.burger.x .line:first-child{transform:translateX(4px) rotate(45deg);width:100%}.burger.x .line:nth-child(2){transform:scale(0)}.burger.x .line:nth-child(3){transform:translateX(4px) rotate(-45deg)}.burger.x{transform:rotate(90deg)}ul.menu{list-style:none}.menu{background-color:#fff;border-radius:25px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:var(--text-primary);display:flex;flex-direction:column;height:300px;justify-content:center;opacity:0;position:absolute;right:10px;top:80px;transform:translateX(100%);transition:all .7s ease-in-out;width:200px;z-index:-10}.menu li{margin:0 15px;padding:2px;text-align:center}.menu li a{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;min-height:45px;min-width:45px;text-decoration:none;width:100%}.menu li a:hover{color:#717277}.menu.active{display:flex;opacity:1;transform:translateY(0);z-index:10}@media screen and (min-width:425px){.menu{width:240px}.menu li a{font-size:18px}}@media screen and (min-width:1024px){header{background-color:#fff;padding-left:25px;padding-right:25px}.img-logo{display:none}.img-logo-large{display:block;max-height:45px}#botram,.burger{display:none}.menu{background-color:inherit;box-shadow:none;color:var(--text-primary);display:flex;flex-direction:row;height:fit-content;justify-content:space-around;opacity:1;position:static;right:10px;top:80px;transform:translateY(0);width:fit-content}.menu li{margin:20px}}@media screen and (min-width:1440px){.header{margin:auto;max-width:1200px}}.detail__container{padding-bottom:30px;padding-top:25px}.img-rating{position:relative}.img-detail{aspect-ratio:1/1;border-radius:25px;display:flex;justify-content:center;margin:auto;overflow:hidden;width:85%}.img-detail img{height:100%;width:100%;z-index:-10}.detail__rating{align-items:center;background-color:#fff;border-radius:25px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);display:flex;gap:5px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:-15px;padding:6px 12px;width:max-content;z-index:10}.detail__rating svg{height:22px;width:22px}.detail__info{margin-top:12px;padding:0 25px}.detail__info h2{margin-bottom:10px}.detail__info-category{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.detail__info-category span{font-weight:400}.detail__info-alamat,.detail__info-kota{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.detail__info-alamat span,.detail__info-kota span{font-weight:400}.detail__info-deskripsi{line-height:18px;text-align:justify}.detail__info-deskripsi span{display:block;font-size:14px;font-weight:600;margin-bottom:5px}.detail__info-deskripsi p{color:#272727}.detail__menu{font-size:14px;margin-top:12px;padding:0 25px}.detail__menu-makanan,.detail__menu-minuman{margin-top:5px}.detail__menu-makanan h4,.detail__menu-minuman h4{margin-bottom:5px}.detail__menu-makanan ul,.detail__menu-minuman ul{margin-left:35px}.detail__reviews-group{margin-top:25px;padding:0 25px}.detail__review{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#4e4e4e;font-size:14px;margin:10px auto;padding:15px}.detail__review-review{color:#000;display:block;margin:3px 0}.detail__review-name{font-size:12px;text-align:left}.detail__review-date{font-size:12px;text-align:right}.detail__review-more,.detail__review-more a{align-items:center;display:flex;justify-content:center}.detail__review-more a{background-color:var(--red-primary);border-radius:20px;color:#fff;font-size:14px;margin:10px auto;min-height:44px;padding:6px 24px;text-decoration:none}.detail__review-more a:hover{background-color:#ff4f4f;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}#favorite-button-container{bottom:20px;position:fixed;right:20px}#favorite-button{background-color:var(--red-primary);border:none;border-radius:20px;box-shadow:0 4px 4px rgba(0,0,0,.178);color:#fff;cursor:pointer;font-size:18px;height:55px;outline:none;width:55px}@media screen and (min-width:760px){.img-detail{height:220px;width:220px}.detail__container{margin:auto;max-width:950px}.img-detail__info{display:flex;margin-left:15px}.img-rating{max-width:250px}.detail__info{margin-left:10px;margin-top:0;padding-left:0}.detail__info-alamat,.detail__info-category,.detail__info-deskripsi,.detail__info-deskripsi span,.detail__info-kota{font-size:16px}.detail__info-deskripsi p{line-height:22px}.detail__menu{display:flex;flex-wrap:wrap;font-size:16px;justify-content:start;margin-left:260px;margin-top:25px;padding-left:0}.detail__menu h3{width:100%}.detail__menu-makanan,.detail__menu-minuman{margin-right:30px;width:max-content}.detail__menu-makanan ul li,.detail__menu-minuman ul li{font-size:16px}.detail__reviews-group{margin-left:260px;padding-left:0}.detail__review-more a{font-size:16px;margin-left:0;margin-right:0;text-align:left}#favorite-button-container{bottom:50px;right:50px}}.reviews__container{margin:auto;max-width:950px;min-height:100vh;padding:10px}.reviews__container h2{margin:10px auto;text-align:center}.reviews__container-card{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.reviews__container .img-rating{margin:0 auto 15px;width:180px}.reviews__container-card .detail__review{margin:0;width:100%}.reviews__add{display:flex;margin-bottom:15px}.reviews__add form{margin:auto;width:100%}.reviews__add form span p{font-size:18px;font-weight:700}.reviews__add #review-name{border:1px solid var(--red-primary);border-radius:5px;font-size:14px;height:45px;margin:5px 0;outline:none;padding:10px;width:100%}.reviews__add #review-name:focus{outline:1px solid var(--red-primary)}.reviews__add #review-body{border:1px solid var(--red-primary);border-radius:5px;font-size:14px;height:100px;margin:5px 0;outline:none;padding:10px;width:100%}.reviews__add #review-body:focus{outline:1px solid var(--red-primary)}.reviews__add #review-submit{background-color:var(--red-primary);border:1px solid var(--red-primary);border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;min-height:44px;min-width:55px;outline:none;padding:5px}.reviews__add #review-submit:hover{background-color:#ff7686;box-shadow:0 4px 4px rgba(0,0,0,.267)}.reviews__add #review-submit:focus{outline:1px solid var(--red-primary)}@media screen and (min-width:760px){.reviews__add #review-body,.reviews__add #review-name,.reviews__add #review-submit{font-size:16px}}.favorite__restaurant{min-height:100vh;padding:20px}.favorite__restaurant .no-favorite{display:block;font-size:14px;font-weight:700;margin:25px auto;width:100%}.favorite__restaurant h2{margin-bottom:15px;text-align:center}.favorite__restaurant .restaurant-name a{align-items:center;color:#000;display:flex;font-size:16px;justify-content:start;margin-bottom:-10px;min-height:45px;min-width:45px;text-decoration:none}.favorite__restaurant .card .description a{display:inline-flex;min-height:45px;min-width:45px;padding:5px}@media screen and (min-width:760px){.favorite__restaurant .no-favorite{font-size:16px}}loader-content{align-items:center;background-color:#ffffffd7;display:flex;height:100vh;justify-content:center;left:0;padding:25px;position:fixed;top:0;width:100vw;z-index:5}.loader{animation:rotate 1s linear infinite;border-radius:50%;height:48px;position:relative;width:48px}.loader:after,.loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}.loader:after{border-color:#ff3d00;transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}.button-loader-container{height:100%;width:100%}.button-loader{animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:30px;width:30px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=app~61a228d7.css.map*/