*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,ui-sans-serif,system-ui,-apple-system}ul{list-style-type:none}h2{font-weight:400}dialog[open]{z-index:999;border-width:0;border-radius:.75rem;width:80vw;height:50vh;min-height:270px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:-7px 12px 14px 6px #0003}dialog[open] article{background-color:unset}dialog form{flex-direction:column;justify-content:space-between;height:100%;display:flex}dialog footer{padding-right:20px}dialog::backdrop{opacity:.8;background-color:#f6f7f9}footer button{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);text-transform:uppercase;cursor:pointer;border:0;outline:0;padding:10px;font-size:1rem}footer .button--cancel{color:#b2c1d4;background-color:#fff;border-radius:3px}footer .button--confirm{color:#fff;background-color:#ff6f00;border-radius:3px}footer menu{justify-content:flex-end;gap:20px;padding:20px 0;display:flex}header{color:#fff;background-color:#385574;justify-content:space-between;align-items:center;padding:.8rem;display:flex}header img{height:2rem}header ul{z-index:99;width:220px;display:none;position:absolute}header a{color:#fff;text-decoration:none}header .profileImage{border:2px solid #fff;border-radius:100%;margin-right:10px}.logo{align-items:center;display:flex}.logo img{margin-inline-end:10px}.logo{color:#fff;font-size:1.25rem;font-weight:500;text-decoration:none}.menu{align-self:stretch;padding:15px 20px;display:inline-block;position:relative}.menu ul{color:#2a4865;background-color:#fff;left:-198px;box-shadow:0 0 10px #00000080}.menu ul li{border-bottom:1px solid #2a486540;padding:10px}.menu ul a{color:unset;font-weight:700}.menu ul li:has(a):hover{background-color:#2a48650d}.menu ul a:visited{color:unset}.menu:hover ul{display:block}.profile{display:flex}.profile p,.profile a{align-items:center;display:flex}.main__home{background-color:#b2c1d4;min-height:100vh}.main__restaurant{background-color:#e5eaf0;min-height:90vh}article{background-color:#e5eaf0;width:75%;margin:0 auto;padding:20px 40px}.restaurants{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:40px;margin-top:20px;display:grid}.restaurants li{background:#fff;max-width:300px}.restaurants a{color:#000;flex-direction:column;flex:2 100%;display:flex}.restaurants h2{font-weight:400}.image-cover{object-fit:cover;width:100%;height:100%;min-height:300px;max-height:300px;position:relative}.image-cover img{object-fit:cover;width:100%;height:100%;position:absolute}a{text-decoration:none}.restaurant__meta{justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:500;display:flex}.restaurant__details{padding:20px}.restaurant__rating{align-items:center;padding:5px 0;display:flex}.restaurant__rating ul{display:flex}.restaurant__rating svg{color:#ffca28;width:2rem;height:2rem}.restaurant__rating span{color:#9ca3af}.restaurant__review_summary{max-width:"50vw";height:"75px";padding-top:"10px"}.img__section{width:100%;height:400px;position:relative}.img__section>img{object-fit:cover;width:100%;height:100%;max-width:unset;position:absolute}.details{color:#fff;padding:20px;position:absolute;bottom:0}.details span{color:inherit}.details__container{--tw-gradient-from:#c60094 var(--tw-gradient-from-position);--tw-gradient-to:#38557400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to top right,var(--tw-gradient-stops));background:#18191a80;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0}.reviews .review__item{border-bottom:1px solid #9ca3af40;padding:40px}.reviews time{color:#a9a9a9;font-size:.8rem}.actions{z-index:1;justify-content:flex-end;display:flex;position:absolute;bottom:-30px;right:0}.actions img{height:4rem}.actions .review{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;cursor:pointer;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-color:#ffca28;border-radius:.75rem}.actions .add{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:pointer;background-color:#ff8f00;border-radius:9999px;height:4rem}.actions .add input{display:none}.actions :where(.review,.add){margin:0 30px}#review{border:none;border-bottom:2px solid #ff6f00;width:100%;padding:20px;font-size:17px}.star-rating{flex-direction:row-reverse;justify-content:flex-end;display:flex}.radio-input{opacity:0;pointer-events:none;position:fixed}.radio-label{cursor:pointer;color:#0003;font-size:0;transition:color .1s ease-in-out}.radio-label:before{content:"★";font-size:32px;display:inline-block}.radio-input:checked~.radio-label{color:gold}.radio-label:hover,.radio-label:hover~.radio-label{color:#daa520}.radio-input:checked+.radio-label:hover,.radio-input:checked+.radio-label:hover~.radio-label,.radio-input:checked~.radio-label:hover,.radio-input:checked~.radio-label:hover~.radio-label,.radio-label:hover~.radio-input:checked~.radio-label{color:#b8860b}.average-rating{appearance:none;color:#0000;vertical-align:baseline;width:auto;font-size:25px;display:inline-block;position:relative}.average-rating:before{--percent:calc(4.3/5*100%);content:"★★★★★";color:#0003;background:linear-gradient(90deg,gold var(--percent),#0003 var(--percent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;position:absolute;top:0;left:0}.rating-picker{flex-direction:row-reverse;justify-content:center;display:flex}.filter-menu{background-color:#fff;border-bottom:1px solid #1b3a57;border-radius:3px}.filter-menu summary{cursor:pointer;align-items:center;font-weight:700;display:flex}.filter-menu form{flex-direction:column;padding:20px 20px 0;display:flex}.filter-menu label{color:#4b5563;flex-direction:column;flex-grow:1;padding:10px 0;font-size:.75rem;line-height:1rem;display:flex}.filter-menu img{max-width:100%;height:4rem}.filter-menu form div{gap:10px;display:flex}.filter-menu select{color:#111827;border:0 solid #e5e7eb;border-bottom-width:2px;padding:1rem .625rem .5rem;font-size:.875rem;line-height:1.25rem}.filter-menu p:first-child{margin-bottom:2px;font-size:1.25rem;font-weight:300;line-height:1.75rem}.filter-menu p:last-child{color:#2a4865;font-size:.875rem;font-weight:600;line-height:1.25rem}.filter{margin:0 auto}.tags{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.tags span{color:#fff;background-color:#476282;border-radius:9999px;padding:.25rem .5rem;font-size:.95rem;font-weight:500;line-height:1.25rem}.tags button{cursor:pointer;color:#fff;background-color:#0000;border:none;outline:none;margin-left:5px;padding:2px 10px;font-size:.8rem}