:root{
    --height-dialog: 125px;
    --breathing-room: 20px;
    --scroll-padding: calc(var(--height-dialog) + var(--breathing-room));
}

@media (min-width: 50rem) {
    html {
        padding-bottom:var(--height-dialog);
        scroll-padding-bottom:var(--scroll-padding);
    }
}