.ui-dialog{z-index:var(--z-dialog);width:100%;max-width:100%;max-height:calc(100dvh - var(--space-8));border:1px solid var(--line-strong);border-radius:var(--radius-l) var(--radius-l) 0 0;background:var(--raised);color:var(--text);box-shadow:var(--shadow-overlay);opacity:0;transform:translateY(var(--space-6));transition:opacity var(--dur-3) var(--ease), transform var(--dur-3) var(--ease), overlay var(--dur-3) var(--ease) allow-discrete, display var(--dur-3) var(--ease) allow-discrete;border-bottom:0;margin:auto 0 0;padding:0}.ui-dialog[open]{opacity:1;transform:none}@starting-style{.ui-dialog[open]{opacity:0;transform:translateY(var(--space-6))}}.ui-dialog::backdrop{background:var(--scrim);opacity:0;transition:opacity var(--dur-3) var(--ease), overlay var(--dur-3) var(--ease) allow-discrete, display var(--dur-3) var(--ease) allow-discrete}.ui-dialog[open]::backdrop{opacity:1}@starting-style{.ui-dialog[open]::backdrop{opacity:0}}.ui-dialog-box{gap:var(--space-4);padding:var(--space-6) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.ui-dialog-title{font-size:var(--fs-20);line-height:var(--lh-20);letter-spacing:var(--ls-20);margin:0;font-weight:600}.ui-dialog-body{min-width:0;color:var(--text-2);overflow-y:auto}.ui-dialog-body .ui-field{color:var(--text)}.ui-dialog-text{margin:0}.ui-dialog-form{gap:var(--space-4);flex-direction:column;display:flex}.ui-dialog-form:empty{display:none}.ui-dialog-foot{justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;display:flex}@media (min-width:640px){.ui-dialog{width:calc(100% - var(--space-8));max-width:var(--w-dialog-s);border-bottom:1px solid var(--line-strong);border-radius:var(--radius-l);transform:translateY(var(--space-2)) scale(.98);margin:auto}.ui-dialog[data-size=m]{max-width:var(--w-dialog-m)}.ui-dialog[open]{transform:none}@starting-style{.ui-dialog[open]{transform:translateY(var(--space-2)) scale(.98)}}.ui-dialog-box{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.ui-dialog,.ui-dialog[open]{transform:none}@starting-style{.ui-dialog[open]{transform:none}}}