.slidenav{background-color:var(--color-on-primary);z-index:1000000;flex-direction:column;width:calc(100vw - 65px);height:100%;padding-bottom:16px;transition:all .5s;display:flex;position:fixed;top:0;bottom:0;overflow:hidden auto}.slidenav-en{border-radius:0px var(--radius-normal) var(--radius-normal) 0px;left:calc(-100vw + 65px)}.slidenav-en.templatefoodi{right:calc(-100vw + 65px);left:unset}.slidenav-ar{border-radius:var(--radius-normal) 0px 0px var(--radius-normal);right:calc(-100vw + 65px)}.slidenav-ar.templatefoodi{left:calc(-100vw + 65px);right:unset}.slidenav-open-en{left:0}.slidenav-open-en.templatefoodi{right:0;left:unset}.slidenav-open-ar{right:0}.slidenav-open-ar.templatefoodi{left:0;right:none}.slidenav-btn-close-container{justify-content:flex-end;display:flex}.slidenav-btn-close{cursor:pointer;background:0 0;border:none;padding:20px;font-size:24px;position:absolute}.slidenav-store-info{align-items:center;gap:var(--padding-normal);flex-direction:column;padding:20px 0;display:flex}.slidenav-store-info p{font-size:var(--font-xx-large);text-align:center;color:var(--color-header-font)}.slidenav-header{font-size:var(--font-medium);color:#777;background-color:#d3d3d32f;justify-content:center;gap:20px;display:flex}.slidenav-header-login-profile{flex-direction:column;width:100%;display:flex}.slidenav-header-item{text-align:center;padding:var(--padding-normal) 5px;cursor:pointer}.slidenav-list{margin-bottom:var(--padding-large);flex:1}.slidenav-row{padding:var(--padding-normal);color:var(--color-tertiary);font-size:var(--font-normal);border-bottom:1px solid var(--color-outline);cursor:pointer;align-items:center;gap:16px;padding:12px 19px;display:flex}.slidenav.templatefoodi .slidenav-row{border-bottom:none}.slidenav.templatefoodi .slidenav-row.open{background-color:#d3d3d32f}.slidenav-row>div{flex:1}.slidenav-row:hover{background-color:#d3d3d32f}.slidenav-profile-balance{align-items:center;gap:var(--padding-small);display:flex}.slidenav-list.sub{border-top:1px solid #0000;border-bottom:1px solid var(--color-outline);background-color:#d3d3d32f;margin-bottom:0;padding-inline-start:16px}.slidenav.templatefoodi .slidenav-list.sub{border-top:1px solid var(--color-outline);background-color:#0000;border-bottom:none}.slidenav-row.sub{padding:var(--padding-medium);color:var(--color-secondary);cursor:pointer}.slidenav-footer{margin:var(--padding-normal)}.overlay{z-index:999;background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.slidenav-btn-login{gap:var(--padding-small);color:var(--color-tertiary);background-color:var(--color-background);border:1px solid var(--color-outline);border-radius:var(--radius-normal);font-size:var(--font-normal);cursor:pointer;margin:var(--padding-large);margin-inline-end:70px;padding:12px 30px;display:flex}.slidenav-btn-login:hover{background-color:#d3d3d32f}.slidenav-list-secondary{border-top:.5px solid var(--color-outline)}.slidenav-profile-info{padding:20px}.slidenav-profile-info .slidenav-profile-info-name{font-size:25px;font-weight:700}@media (min-width:701px) and (max-width:991px){.slidenav{width:400px}.slidenav-en{left:-400px}.slidenav-en.templatefoodi,.slidenav-ar{right:-400px}.slidenav-ar.templatefoodi{left:-400px}.slidenav-open-en{left:0}.slidenav-open-en.templatefoodi{right:0;left:unset}.slidenav-open-ar{right:0}.slidenav-open-ar.templatefoodi{left:0;right:none}}
.login-container{max-width:var(--max-width-content);padding:var(--padding-normal);gap:var(--padding-normal);flex-direction:column;margin:0 auto;display:flex}.login-container>p{text-align:center;color:var(--color-primary);font-size:var(--font-normal);margin-bottom:var(--padding-x-large)}.login-btn-forgetpass{text-align:center;padding:var(--padding-normal);margin:0 auto}.login-btn-register-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.login-btn-register-container button{margin:var(--padding-normal)}.login-btn-register-container p{color:var(--color-tertiary);font-size:var(--font-normal)}
.forget-container{max-width:var(--max-width-content);padding:var(--padding-normal);gap:var(--padding-normal);flex-direction:column;margin:0 auto;display:flex}.dialog .forget-container{width:100%}