@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{font-family:Poppins,sans-serif;font-weight:400;padding:0;margin:0;box-sizing:border-box}#root{height:100vh}html{background:#f0f0f0}@font-face{font-family:Gasoek;src:url(/assets/GasoekOne-Regular-CYxjIzIv.ttf)}@font-face{font-family:Gilroy;src:url(/assets/GilroyHeavy-Bpx3JiDR.ttf)}@font-face{font-family:Lufga Regular;src:url(/assets/LufgaRegular-BnpCnuxz.woff)}@font-face{font-family:Lufga Black Italic;src:url(/assets/LufgaBlackItalic-B57fPGm4.woff)}@font-face{font-family:Lufga Bold;src:url(/assets/LufgaBold-ieI0KLbU.woff)}@font-face{font-family:Lufga Bold Italic;src:url(/assets/LufgaBoldItalic-B3kT0wLq.woff)}@font-face{font-family:Lufga Extra Bold;src:url(/assets/LufgaExtraBold-BLhmdcIu.woff)}@font-face{font-family:Lufga Bold Italic;src:url(/assets/LufgaExtraBoldItalic-CeqBg8sE.woff)}@font-face{font-family:Lufga Medium;src:url(/assets/LufgaMedium-CHDQaQeg.woff)}#formLogin{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:10px}#formLogin #forgotYP{color:#717171;font-family:Lufga Regular;align-self:start;transition:.4s ease}#formLogin input{height:50px;width:100%;border-radius:15px;border:2px solid #dcdcdc;padding:20px;font-size:1.25rem;transition:.3s ease;outline:2px solid transparent}#formLogin input:focus{border:2px solid transparent;outline:2px solid black}#formLogin input::-webkit-input-placeholder{font-size:1rem}#formLogin label{align-self:start;bottom:0;padding:0 6px;transform:translate(10px,15px);background-color:#fff;display:flex;align-items:center;justify-content:space-between;font-family:Lufga Regular;width:33%}#formLogin button{transition:all .2s;height:45px;width:100%;border:none;cursor:pointer;background-color:#e40000;border-radius:10px;font-size:1.3rem;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;gap:5%}#formLogin button p{font-family:Gilroy}#formLogin button:hover{background:#c20000}#formLogin button:hover #ArrowIcon{transform:translate(5px)}#formLogin .inputIcons{font-size:1.3rem}#LoginPage{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8rem;background-image:url(./../../Image/Frame.svg);background-position:center;background-repeat:no-repeat;background-size:cover}@media (max-width: 1200px){#LoginPage{justify-content:center;padding:10px}}#mainLogin{display:flex;position:relative;flex-direction:row;align-items:center;height:60%;border-radius:40px;background:#fff;margin-top:0}@media (max-width: 799px){#mainLogin{width:100%;justify-content:center;margin-right:0;margin-left:0}}@media (min-width: 800px) and (max-width: 1040px){#mainLogin{width:100%;justify-content:center;margin-right:7.5rem;margin-left:7.5rem}}@media (min-width: 1041px) and (max-width: 1270px){#mainLogin{width:100%;justify-content:center;margin-right:12.5rem;margin-left:12.5rem}}#LoginArea{display:flex;align-items:center;flex-direction:column;gap:5px}#LoginArea #title{width:80%}#LoginArea #title h1{font-family:Lufga Regular}#LoginArea #alterLogin{width:100%;display:flex;align-items:center;justify-content:center}#LoginArea #alterLogin button{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;border:2px solid black;height:45px;border-radius:15px;width:80%;font-size:1rem;cursor:pointer;transition:.3s ease}#LoginArea #alterLogin button:hover{background-color:#d8d8d8}#footerLoginArea{padding:30px 5%;position:fixed;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;font-size:1.2rem;bottom:0}#footerLoginArea a{text-align:center;transition:.3s ease}#footerLoginArea a:hover{box-shadow:0 2px #000}header{width:99%;top:1%;border-radius:20px;padding:10px;color:#272727;display:flex;align-items:center;justify-content:space-between;position:fixed;left:50%;transform:translate(-50%);background-color:#fff;height:4rem}header p{font-weight:600}header #LogoArea{flex:1;height:100%;display:flex;flex-direction:row;align-items:center}header #LogoArea p{font-family:Lexend Deca,sans-serif;font-weight:600}header #LogoHeader img{height:50px}header #BuscaArea{flex:5;width:100%;height:100%;display:flex;align-items:center}header input[type=text]{width:70%;height:100%;padding:10px;border:1px solid #ccc;border-radius:20px;font-size:16px;margin-right:10px;outline:2px solid transparent;transition:.3s ease}header input[type=text]:focus{outline:2px solid red}header #searchButton{aspect-ratio:1;font-size:1.3rem;border:none;color:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;height:100%}#SignInSignUp{display:flex;justify-content:center;height:100%;flex:2;width:100%;gap:10px}#SignInSignUp button{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%}.buttonsArea{animation:trans .5s ease}@keyframes trans{0%{opacity:0}}#TextAside{display:flex;flex-direction:column;height:100%;justify-content:space-around;padding:6rem 0}#TextAside #TitleTextAside h1{font-family:Gilroy;font-size:120px}#TextAside #TitleTextAside h1 span{font-family:Gilroy;color:#000;-webkit-text-stroke-width:0px}#TextAside #ChangeLocations{width:80%;height:100%;padding:20px 0;display:flex;align-items:center;justify-content:center}#TextAside #ChangeLocations #ChangeLocationsMargin{width:100%;height:100%;display:flex;gap:20px;flex-direction:column}#TextAside #ChangeLocations #ChangeLocationsMargin #changeName{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:50px}#TextAside #ChangeLocations #ChangeLocationsMargin #changeName h1{font-size:50px;font-family:Gasoek}#TextAside #ChangeLocations #ChangeLocationsMargin #changeDesc p{font-family:Lufga Regular;font-size:25px}#ButtonChange{margin-top:auto}#dotSelectedArea{margin-top:auto;align-self:center;height:100px;width:150px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:5px}#dotSelectedArea .dotSelected{height:20px;width:20px;background-color:#000;opacity:.5;border-radius:20px;transition:.5s ease}#dotSelectedArea .selected{width:80px;border-radius:20px;opacity:1}.Bar{height:5px;border-radius:10px;background-color:#000}.ButtonLogin{padding:0 0 0 60px;display:flex;justify-content:space-between;align-items:center;height:55px;z-index:1;width:200px;background-color:transparent;font-size:1.5rem;font-family:Lufga Medium;cursor:pointer;color:#000;border:2.5px solid black;position:relative;transition:border .3s ease;border:none}.ButtonLogin .circleButton{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2;height:100%;left:0;width:55px;background-color:#000;border-radius:40px;transition:.5s ease}.ButtonLogin .circleButton #detailInsideButton{display:flex;align-items:center;justify-content:center;height:80%;width:95%;border:2px solid black;border-radius:20px;transition:.4s ease}.ButtonLogin .circleButton #detailInsideButton #iconArrow{color:#fff}.ButtonLogin:hover .circleButton{width:120%;justify-content:center}.ButtonLogin:hover #detailInsideButton{border:2px solid white}#BackPageBtn{color:#000;cursor:pointer;transition:.25s}#BackPageBtn:hover{background:#000;color:#fff}.dotLoading{animation:loading .5s infinite alternate;height:25px;width:25px;background:#000}@keyframes loading{0%{opacity:.3;transform:translateY(3rem)}to{transform:translateY(0)}}.dot1{animation-delay:.2s}.dot2{animation-delay:.3s}.dot3{animation-delay:.4s}main{margin-top:10rem;display:flex;align-items:center;justify-content:center}#RegisterPage{height:100%;width:100%;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:space-between;padding:0 8rem;background-image:url(./../../Image/Frame.svg);background-position:center;background-repeat:no-repeat;background-size:cover}#LoginPage{height:100%;width:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 8rem;background-image:url(./../../Image/Frame.svg);background-position:center;background-repeat:no-repeat;background-size:cover}#mainRegister{display:flex;position:relative;flex-direction:row;align-items:center;border-radius:40px;background:#fff}#mainRegister #RegisterArea{width:100%;display:flex;align-items:center;flex-direction:column;gap:5px}#mainRegister #RegisterArea #title{width:80%}#mainRegister #RegisterArea #title h1{font-family:Lufga Regular}#mainRegister #RegisterArea #alterRegister{width:100%;display:flex;align-items:center;justify-content:center}#mainRegister #RegisterArea #alterRegister button{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;border:2px solid black;height:45px;border-radius:15px;width:60%;font-size:1rem;cursor:pointer;transition:.3s ease}#mainRegister #RegisterArea #alterRegister button:hover{background-color:#d8d8d8}#formRegister{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:10px}#formRegister input{height:50px;width:100%;border-radius:15px;border:2px solid #dcdcdc;padding:20px;font-size:1.25rem;transition:.3s ease;outline:2px solid transparent}#formRegister input:focus{border:2px solid transparent;outline:2px solid black}#formRegister input::-webkit-input-placeholder{font-size:1rem}#formRegister label{align-self:start;bottom:0;padding:0 6px;transform:translate(10px,15px);background-color:#fff;display:flex;align-items:center;justify-content:space-between;font-family:Lufga Regular;width:33%}#formRegister button{transition:all .2s;height:45px;width:100%;border:none;cursor:pointer;background-color:#e40000;border-radius:10px;font-size:1.3rem;position:relative;color:#fff;display:flex;align-items:center;justify-content:center;gap:5%}#formRegister button p{font-family:Gilroy}#formRegister button:hover{background:#c20000}#formRegister button:hover #ArrowIcon{transform:translate(5px)}#formRegister .inputIcons{font-size:1.3rem}#formArea{width:80%}#ArrowIcon{transition:transform .3s ease-in-out;font-size:30px}#formRegisterRestaurant{display:flex;flex-direction:column;border-radius:24px;justify-content:space-around}@media screen and (max-width: 768px){#formRegisterRestaurant{height:100%}}#formRegisterRestaurant #FORMRegister{display:flex;flex-direction:column;gap:10px}#FormSingInRestaurant{gap:12px;display:flex;flex-direction:column}#FormSingInRestaurant label{align-self:start;font-size:1.1rem;font-family:Lufga Regular}#FormSingInRestaurant .InputRestaurant{border:2px solid rgba(110,110,110,.1882352941);height:3rem;font-size:1rem;padding:10px;width:100%;border-radius:10px;outline:none;transition:.2s ease}@media screen and (min-width: 768px){#FormSingInRestaurant .InputRestaurant{font-size:1.3rem}}#FormSingInRestaurant .InputRestaurant[type=password]{width:100%}#FormSingInRestaurant .InputRestaurant:focus{border:2px solid rgba(105,180,255,.8078431373)}#FormSingInRestaurant #eyePassword{aspect-ratio:1;height:100%;display:flex;align-items:center;justify-content:center}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}nav{padding:4px;cursor:pointer;background:#fff;border-radius:6px;transition:color .15s}nav.active{color:#a9a9a9;border:2.5px solid black}#RegisterRestaurantPage{height:100%;display:flex;align-items:center;justify-content:center;background-image:url(./../../../../public/Image/handrawn-barbecue-elements.jpg);background-position:center;background-size:cover;background-blend-mode:darken;background-color:#f003}