.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)}}