.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-hide{display:none}.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!important;max-height:93dvh!important}}.dialog-footer,.dialog-container{animation:.4s ease-in-out moveup}.dialog-container.disable-animation{animation:none;transform:translateY(0)}.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)}}
.line-separator-horizontal{background-color:var(--color-separator);width:100%;height:1px}.line-separator-vertical{background-color:var(--color-separator);width:1px;height:100%}
.textfiled-container{font-size:var(--font-normal)}.textfiled-container input{height:100%}.textfiled-container label{color:var(--color-secondary)}.templatefoodi .textfiled-container label{color:var(--color-tertiary)}.textfiled-input-container{justify-content:space-between;align-items:center;gap:var(--padding-medium);padding:0px var(--padding-medium);border:var(--border-normal) solid var(--color-secondary);border-radius:var(--radius-small);background-color:var(--color-background);height:45px;display:flex}.templatefoodi .textfiled-input-container{border-radius:var(--radius-normal);border:var(--border-normal) solid var(--color-outline);height:50px;margin-top:8px;padding:0 16px}.textfiled-input-container.disabled{background-color:var(--color-separator)}.textfiled-input-container:focus-within{border-color:var(--color-primary)}.textfiled-vertical-line{background-color:var(--color-secondary);width:1px;height:30px}.templatefoodi .textfiled-vertical-line{background-color:var(--color-outline)}.textfiled-input-container input{width:100%;height:auto;font-size:var(--font-normal);background-color:#0000;border:none;outline:none;flex:1;margin:0;padding:0}.textfiled-input-container input::placeholder{padding:4px 0}.textfiled-button{align-items:center;height:100%;display:flex}.textfiled-button.click{padding:0px var(--padding-small);cursor:pointer}