.categories{gap:1rem;display:grid;grid-auto-columns:minmax(10rem,1fr);grid-auto-flow:column;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;width:100%;height:5rem;padding:1rem}.categories::-webkit-scrollbar{display:none}.category{border:0px;border-radius:5px;background-color:#f5f5f5;padding:.2rem 1rem;cursor:pointer;transition:all .3s ease-in-out;box-shadow:2px 2px 5px #0003;display:flex;justify-content:center;align-items:center;height:3rem}.category:hover{box-shadow:2px 2px 5px #00000080}.category:active{box-shadow:2px 2px 5px #000c}.category.selected{box-shadow:0 2px 10px #ffa40880}@media (max-width: 768px){.categories{grid-auto-columns:minmax(50dvw,2fr)}}.restaurant-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;width:100%;margin:0 auto}.restaurant{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:30dvh;width:100%;gap:1rem;cursor:pointer;border-radius:.5rem;box-shadow:0 0 .5rem #0003;overflow:hidden}.restaurant header{position:relative;height:70%;width:100%}.restaurant header.hero{background-position:center;background-repeat:no-repeat;background-size:cover}.restaurant main,.restaurant footer{padding:0 .8rem;width:100%}.restaurant main.Restaurant__main{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}.restaurant main.Restaurant__main .content{width:100%}.restaurant main.Restaurant__main .content h3{text-align:center}.restaurant main.Restaurant__main .categories-price{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.restaurant main.Restaurant__main .categories-price .categories{width:90%}.restaurant footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem}.restaurant footer .raiting{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.star-container svg path{fill:gold}.price{display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-size:1rem;font-weight:700;color:#fff;width:3rem;height:1.6rem;background:#d3d3d3}.price.warning{background:#ff9400}.price.danger{background:#d1435b}.price.success{background:#00a698}@media (max-width: 768px){.restaurant-container{grid-template-columns:1fr;height:90dvh;overflow:auto}.restaurant-container .restaurant-table{width:100%;height:8rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding-bottom:1rem;border-bottom:1px solid lightgray;gap:1rem}.restaurant-container .restaurant-table .hero{width:6rem;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.restaurant-container .restaurant-table .restaurant-table__content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.restaurant-container .restaurant-table .price{width:2rem;height:1.2rem;font-size:.8rem}}.Button__button{background:linear-gradient(90deg,#ff1c2f,#ff8a00);border:none;padding:.5rem 1rem;border-radius:.3rem;font-weight:700;color:#fff;cursor:pointer}@media (max-width: 768px){.Button__button{padding:.4rem 1rem;font-size:.7rem}}.skeleton-card{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:.5rem;margin-bottom:20px;height:30dvh;width:100%}.skeleton-image{width:100%;height:60%;border-radius:4px;background-color:#e0e0e0;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-title{width:100%;height:15px;margin-top:10px;margin-bottom:10px;background-color:#e0e0e0;border-radius:.2rem;animation:skeleton-loading 2s ease-in-out infinite}.skeleton-subtitle{width:100%;height:10px;margin-bottom:10px;background-color:#e0e0e0;border-radius:.1rem;animation:skeleton-loading 2.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-color:#e0e0e0}50%{background-color:#f5f5f5}to{background-color:#e0e0e0}}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#eceff1;height:100dvh}.elipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}