:root {
  --bottom-stack-h: 0px;
}

body,
#app,
.body-scroll .el-scrollbar__view {
  min-height: 100vh;
  padding-bottom: max(var(--bottom-stack-h), env(safe-area-inset-bottom));
  scroll-padding-bottom: max(var(--bottom-stack-h), env(safe-area-inset-bottom));
}

@supports not (padding-bottom: max(0px, 1px)) {
  body,
  #app,
  .body-scroll .el-scrollbar__view {
    padding-bottom: calc(var(--bottom-stack-h) + env(safe-area-inset-bottom));
    scroll-padding-bottom: calc(var(--bottom-stack-h) + env(safe-area-inset-bottom));
  }
}

body {
  overflow-y: auto;
}