.app-dialog-content{left:calc(50% + var(--native-safe-left,env(safe-area-inset-left,0px)) / 2 - var(--native-safe-right,env(safe-area-inset-right,0px)) / 2);top:calc(var(--app-viewport-top,0px) + var(--native-safe-top,env(safe-area-inset-top,0px)) / 2 - var(--native-safe-bottom,env(safe-area-inset-bottom,0px)) / 2 + var(--app-viewport-height,100dvh) / 2);max-height:calc(var(--app-viewport-height,100dvh) - 1.5rem - var(--native-safe-top,env(safe-area-inset-top,0px)) - var(--native-safe-bottom,env(safe-area-inset-bottom,0px)));max-width:calc(100vw - 1.5rem - var(--native-safe-left,env(safe-area-inset-left,0px)) - var(--native-safe-right,env(safe-area-inset-right,0px)))}.app-dialog-overlay[data-state=open]{animation:.16s ease-out dialog-overlay-in}.app-dialog-overlay[data-state=closed]{animation:.12s ease-in reverse dialog-overlay-in}.app-dialog-content[data-state=open]{animation:.18s cubic-bezier(.16,1,.3,1) dialog-content-in}.app-dialog-content[data-state=closed]{animation:.12s ease-in reverse dialog-content-in}.app-dialog-content>div:first-child:not(.sr-only){padding-right:2.25rem}@keyframes dialog-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-content-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.app-dialog-content[data-state]{animation-name:dialog-overlay-in;animation-duration:.1s}}