.dialog{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:hsla(0,0%,0%,.64);display:flex;justify-content:center;align-items:center;z-index:9999;border:transparent}.dialog-container{position:relative;border-radius:var(--radius-large);box-shadow:0 0 .5rem .1rem hsla(0,0%,0%,.322);flex-direction:column;max-height:75vh;min-width:min(100vw,450px);overflow:hidden;z-index:99999999}.dialog-close-button,.dialog-container{background-color:var(--color-background);display:flex}.dialog-close-button{position:absolute;top:var(--padding-normal);right:var(--padding-normal);width:42px;height:42px;box-shadow:0 4px 8px var(--color-shadow);border-radius:50%;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:999999;border:none}.dialog-close-button:hover{background-color:var(--color-hover)}.dialog-close-button path{fill:var(--color-primary)}.dialog.templatefoodi .dialog-close-button path{fill:var(--color-tertiary)}.dialog-header{display:flex;align-items:center;padding:0 var(--padding-normal);background-color:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-normal);border-top-right-radius:var(--radius-large);border-top-left-radius:var(--radius-large);min-height:50px}.dialog.templatefoodi .dialog-header{font-size:var(--font-x-large);padding:0 var(--padding-large);background-color:var(--color-background);border-bottom:1px solid var(--color-outline);color:var(--color-tertiary);font-weight:700;min-height:70px}.dialog-header p{flex:1 1}.dialog-header .dialog-close-button{position:static;background-color:var(--color-on-primary);box-shadow:none;width:20px;height:20px}.dialog.templatefoodi .dialog-header .dialog-close-button{width:28px;height:28px}.dialog-content{flex:1 1;display:flex;flex-direction:column;overflow-y:hidden}.dialog-content>:first-of-type{flex:1 1;height:100%;width:100%;overflow-y:scroll}.dialog-footer{position:-webkit-sticky;position:sticky;bottom:0;background-color:var(--color-on-primary);border-top:1px solid var(--color-outline);transform:translateY(100%);padding:var(--padding-normal);padding-bottom:calc(var(--padding-bottom) + var(--padding-normal));width:100%}.dialog-footer>:first-of-type{width:100%}@media (max-width:767px){.dialog-container{min-width:unset;width:calc(100vw - 30px)}.dialog.page{align-items:end}.dialog.page .dialog-container{width:100vw;max-width:100vw;height:93dvh;max-height:93dvh;border-radius:var(--radius-large) var(--radius-large) 0 0}}.dialog-container,.dialog-footer{animation:moveup .4s ease-in-out}.dialog-footer{animation-delay:.5s;animation-fill-mode:forwards}.dialog-footer.disable-animation{animation:none;transform:translateY(0)}@keyframes moveup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sheet-overlay{position:fixed;top:0;left:0;right:0;width:100%;height:100%;display:flex;align-items:end;background:hsla(0,0%,0%,.322);z-index:9999}.sheet{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;background-color:var(--color-background);box-shadow:0 0 .5rem .1rem hsla(0,0%,0%,.322);border:1px solid rgba(0,0,0,.561);border-bottom:none;transition:bottom .3s ease-in-out;z-index:99999999}.sheet,.sheet-header{border-radius:var(--radius-xx-large) var(--radius-xx-large) 0 0}.sheet-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;background-color:var(--color-on-primary);padding:0 20px;color:var(--color-tertiary);font-size:var(--font-large);border-bottom:1px solid var(--color-primary);height:50px}.sheet-header p{flex:1 1;font-weight:700}.sheet-header button{display:flex;background-color:transparent;border:none;cursor:pointer}.sheet-content{margin-top:50px;max-height:70vh;padding:0 10px;overflow-y:scroll}.sheet{animation:sheet-animation .3s}@keyframes sheet-animation{0%{transform:translateY(100%)}to{transform:translateY(0)}}.changepass-container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-normal);margin-bottom:var(--padding-normal);gap:var(--padding-normal)}.changepass-container,.slidenav{display:flex;flex-direction:column}.slidenav{position:fixed;height:100%;width:calc(100vw - 65px);top:0;bottom:0;background-color:var(--color-on-primary);z-index:1000000;overflow-y:auto;overflow-x:hidden;transition:.5s;padding-bottom:16px}.slidenav-en{left:calc((100vw - 65px) * -1);border-radius:0 var(--radius-normal) var(--radius-normal) 0}.slidenav-en.templatefoodi{right:calc((100vw - 65px) * -1);left:unset}.slidenav-ar{right:calc((100vw - 65px) * -1);border-radius:var(--radius-normal) 0 0 var(--radius-normal)}.slidenav-ar.templatefoodi{left:calc((100vw - 65px) * -1);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{display:flex;justify-content:flex-end}.slidenav-btn-close{position:absolute;padding:20px;font-size:24px;background:none;border:none;cursor:pointer}.slidenav-store-info{display:flex;flex-direction:column;align-items:center;gap:var(--padding-normal);padding:20px 0}.slidenav-store-info p{font-size:var(--font-xx-large);text-align:center;color:var(--color-header-font)}.slidenav-header{display:flex;justify-content:center;gap:20px;font-size:var(--font-medium);color:#777777;background-color:#d3d3d32f}.slidenav-header-login-profile{display:flex;flex-direction:column;width:100%}.slidenav-header-item{text-align:center;padding:var(--padding-normal) 5px;cursor:pointer}.slidenav-list{flex:1 1;margin-bottom:var(--padding-large)}.slidenav-row{display:flex;align-items:center;color:var(--color-tertiary);font-size:var(--font-normal);border-bottom:1px solid var(--color-outline);cursor:pointer;padding:12px 19px;gap:16px}.slidenav.templatefoodi .slidenav-row{border-bottom:none}.slidenav.templatefoodi .slidenav-row.open{background-color:#d3d3d32f}.slidenav-row>div{flex:1 1}.slidenav-row:hover{background-color:#d3d3d32f}.slidenav-profile-balance{display:flex;align-items:center;gap:var(--padding-small)}.slidenav-list.sub{border-top:1px solid transparent;border-bottom:1px solid var(--color-outline);-webkit-padding-start:16px;padding-inline-start:16px;background-color:#d3d3d32f;margin-bottom:0}.slidenav.templatefoodi .slidenav-list.sub{border-top:1px solid var(--color-outline);border-bottom:none;background-color:transparent}.slidenav-row.sub{padding:var(--padding-medium);color:var(--color-secondary);cursor:pointer}.slidenav-footer{margin:var(--padding-normal)}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);z-index:999}.slidenav-btn-login{display:flex;gap:var(--padding-small);color:var(--color-tertiary);background-color:var(--color-background);border:1px solid var(--color-outline);padding:12px 30px;border-radius:var(--radius-normal);font-size:var(--font-normal);cursor:pointer;margin:var(--padding-large);-webkit-margin-end:70px;margin-inline-end:70px}.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 h3{font-size:25px}.footer-common-container{display:flex;flex-direction:column;gap:var(--padding-large);color:var(--color-tertiary);padding-bottom:var(--padding-xx-large)}.footer-common-container.copyright{padding-bottom:0}.footer-common-container.white{color:var(--color-on-primary)}.footer-common-flex-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--padding-medium)}.footer-common-flex-container img{object-fit:contain}.footer-common-social{width:35px;height:35px;background-color:var(--color-on-primary);border:1px solid var(--color-primary);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.footer-common-container.white .footer-common-social{background-color:transparent;border:1px solid var(--color-on-primary)}.footer-common-apps-btn{cursor:pointer}.footer-common-container.white .powerby{filter:brightness(0) invert(1)}.footer-common-maroof-main-container{display:flex;flex-direction:column;gap:6px;padding:var(--padding-normal);word-wrap:break-word}.footer .footer-common-maroof-main-container{width:100vw}.sheet .footer-common-maroof-main-container{width:100%}.slidenav-footer .footer-common-maroof-main-container{padding:0}.sidenav-container .footer-common-maroof-main-container{color:var(--color-on-primary)}.footer-common-maroof-main-container .line-separator-horizontal,.footer-common-maroof-main-container .line-separator-vertical{background-color:#fff;opacity:.5}.footer-common-maroof-container{display:flex;flex-direction:column;gap:6px}.footer .footer-common-maroof-container{flex-direction:row}.footer-common-maroof-content{display:flex;flex-wrap:wrap;gap:4px;flex:1 1}.footer .footer-common-maroof-content{flex-direction:row;gap:var(--padding-small)}.footer-common-maroof-content img{cursor:pointer}.footer-common-maroof-info{display:flex}.footer .footer-common-maroof-info{gap:var(--padding-small)}.footer-common-maroof-info.pointer{font-weight:700;cursor:pointer}.footer-common-maroof-info span{gap:var(--padding-small)}.register-container{max-width:var(--max-width-content);margin:0 auto;padding:var(--padding-normal);display:flex;flex-direction:column;gap:var(--padding-normal)}.dialog .register-container{width:100%}.register-terms-container{display:flex;flex-direction:column;text-align:center}.register-terms-container p{color:var(--color-tertiary);font-size:var(--font-normal)}.register-terms-container button{padding:0 var(--padding-normal)}.register-terms-container-dialog{max-width:var(--max-width-content);margin:var(--padding-normal)}.register-container .button-primary{width:100%}.textfiled-select-container{font-size:var(--font-normal)}.textfiled-select-container label{color:var(--color-secondary)}.textfiled-select-input-container{display:flex;justify-content:space-between;align-items:center;gap:var(--padding-medium);padding:0 var(--padding-medium);border:var(--border-normal) solid var(--color-secondary);border-radius:var(--radius-small);height:45px;cursor:pointer}.templatefoodi .textfiled-select-input-container{border-radius:var(--radius-normal);border:var(--border-normal) solid var(--color-outline);height:50px}.textfiled-select-input-container:focus-within{border-color:var(--color-primary)}.textfiled-select-vertical-line{background-color:var(--color-secondary);width:1px;height:30px}.textfiled-select-input-container select{font-size:var(--font-normal);border:none;outline:none;padding:0;margin:0;flex:1 1;background-color:transparent;height:45px;cursor:pointer;height:50px}.textfiled-select-input-container select:invalid{color:gray}