.dialog-surface[data-slot=dialog-content][role],.dialog-surface[data-slot=alert-dialog-content][role]{--dialog-inset:24px;top:calc(var(--dialog-viewport-offset,0px) + ( var(--dialog-viewport-height,100dvh) + env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) ) * .5);left:calc((100vw + env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)) * .5);max-height:calc(var(--dialog-viewport-height,100dvh) - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:calc(100vw - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));border-radius:var(--radius-dialog,var(--radius));flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.dialog-surface>[data-slot=dialog-header],.dialog-surface>[data-slot=dialog-heading],.dialog-surface>.wizard-modal-header{padding:32px var(--dialog-inset) 16px;min-height:0;max-height:calc(var(--dialog-viewport-height,100dvh) * .35);flex:0 auto;padding-inline-end:calc(var(--dialog-inset) + 32px);overflow-y:auto}.dialog-surface>.wizard-modal-header{padding-inline-end:var(--dialog-inset)}.dialog-surface [data-slot=dialog-title]{padding-inline-end:0;line-height:1.4}.dialog-surface>[data-slot=dialog-close]{top:20px;right:16px}.dialog-surface>[data-slot=dialog-form],.dialog-surface>.wizard-modal-form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.dialog-surface [data-slot=dialog-body]{min-height:0;padding:8px var(--dialog-inset) 24px;overscroll-behavior:contain;flex:auto;scroll-padding-block:16px;overflow-y:auto}.dialog-surface [data-slot=dialog-footer],.dialog-surface [data-slot=alert-dialog-footer]{padding:16px var(--dialog-inset);border-radius:0;flex:none;margin:0}.dialog-surface :is([data-slot=dialog-footer],[data-slot=alert-dialog-footer])>:is(button,[data-slot=button]){white-space:normal;flex:none;max-width:100%;height:auto;min-height:44px;padding:10px 16px}.dialog-surface.dialog-command [data-slot=dialog-body]{padding:0}@media (max-width:600px){.dialog-surface[data-slot]{--dialog-inset:20px}.dialog-surface>[data-slot=dialog-header],.dialog-surface>[data-slot=dialog-heading],.dialog-surface>.wizard-modal-header{padding-top:28px}}@media (max-height:500px){.dialog-surface [data-slot=dialog-footer],.dialog-surface [data-slot=alert-dialog-footer]{flex-flow:wrap;justify-content:flex-end;padding-block:12px}}