.alert-dialog{z-index:99999;background:#00000052;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.alert-dialog-container{background-color:var(--color-background);padding:var(--padding-normal);margin:var(--padding-normal);border-radius:var(--radius-large);align-items:center;gap:var(--padding-normal);min-width:min(360px,95%);font-size:var(--font-large);flex-direction:column;display:flex;box-shadow:0 0 .5rem .1rem #00000052}.alert-dialog-container .custom-svg{margin-top:var(--padding-large)}.alert-dialog-container h4{color:var(--color-primary);font-weight:700}.alert-dialog-container p{color:var(--color-secondary);margin:0px var(--padding-large);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:10;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.alert-dialog-buttons{width:100%;padding-top:var(--padding-normal);justify-content:space-between;gap:var(--padding-normal);display:flex}.alert-dialog-buttons button{cursor:pointer;flex:1}.alert-dialog-container{animation:.2s ease-in fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}
.dialog{z-index:9999;background:#000000a3;border:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;inset:0}.dialog-container{background-color:var(--color-background);border-radius:var(--radius-large);z-index:99999999;flex-direction:column;min-width:min(100vw,450px);max-height:75vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 .5rem .1rem #00000052}.dialog-close-button{top:var(--padding-normal);right:var(--padding-normal);background-color:var(--color-background);width:42px;height:42px;box-shadow:0 4px 8px var(--color-shadow);cursor:pointer;z-index:999999;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute}.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{padding:0px 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);align-items:center;min-height:50px;display:flex}.dialog.templatefoodi .dialog-header{font-size:var(--font-x-large);padding:0px var(--padding-large);background-color:var(--color-background);border-bottom:1px solid var(--color-outline);color:var(--color-tertiary);min-height:70px;font-weight:700}.dialog-header p{flex:1}.dialog-header .dialog-close-button{background-color:var(--color-on-primary);box-shadow:none;width:20px;height:20px;position:static}.dialog.templatefoodi .dialog-header .dialog-close-button{width:28px;height:28px}.dialog-content{flex-direction:column;flex:1;display:flex;overflow-y:hidden}.dialog-content>:first-of-type{flex:1;width:100%;height:100%;overflow-y:scroll}.dialog-footer{background-color:var(--color-on-primary);border-top:1px solid var(--color-outline);padding:var(--padding-normal);padding-bottom:calc(var(--padding-bottom) + var(--padding-normal));width:100%;position:sticky;bottom:0;transform:translateY(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{border-radius:var(--radius-large) var(--radius-large) 0 0;width:100vw;max-width:100vw;height:93dvh;max-height:93dvh}}.dialog-footer,.dialog-container{animation:.4s ease-in-out moveup}.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{z-index:9999;background:#00000052;align-items:end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;right:0}.sheet{width:100%;max-width:var(--max-width);background-color:var(--color-background);border-radius:var(--radius-xx-large) var(--radius-xx-large) 0 0;z-index:99999999;border:1px solid #0000008f;border-bottom:none;margin:0 auto;transition:bottom .3s ease-in-out;position:relative;box-shadow:0 0 .5rem .1rem #00000052}.sheet-header{background-color:var(--color-on-primary);color:var(--color-tertiary);font-size:var(--font-large);border-radius:var(--radius-xx-large) var(--radius-xx-large) 0 0;border-bottom:1px solid var(--color-primary);align-items:center;height:50px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.sheet-header p{flex:1;font-weight:700}.sheet-header button{cursor:pointer;background-color:#0000;border:none;display:flex}.sheet-content{max-height:70vh;margin-top:50px;padding:0 10px;overflow-y:scroll}.sheet{animation:.3s sheet-animation}@keyframes sheet-animation{0%{transform:translateY(100%)}to{transform:translateY(0)}}
.changepass-container{width:100%;max-width:var(--max-width-content);padding:var(--padding-normal);margin:0 auto;margin-bottom:var(--padding-normal);gap:var(--padding-normal);flex-direction:column;display:flex}
.register-container{max-width:var(--max-width-content);padding:var(--padding-normal);gap:var(--padding-normal);flex-direction:column;margin:0 auto;display:flex}.dialog .register-container{width:100%}.register-terms-container{text-align:center;flex-direction:column;display:flex}.register-terms-container p{color:var(--color-tertiary);font-size:var(--font-normal)}.register-terms-container button{padding:0px var(--padding-normal)}.register-terms-container-dialog{max-width:var(--max-width-content);margin:var(--padding-normal)}.register-container .button-primary{width:100%}
.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%}