#root {
  position: relative;
  pointer-events: none;
  z-index: 10000000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(100vh - (var(--line-height) * 4 + var(--line-space-gap)));
  min-height: calc(100svh - (var(--line-height) * 4 + var(--line-space-gap)));
}
@media (max-width: 900px) {
  #root {
    min-height: calc(100vh - (var(--line-height) * 5 + var(--line-space-gap)));
    min-height: calc(100svh - (var(--line-height) * 5 + var(--line-space-gap)));
  }
}
@media (max-width: 600px) {
  #root {
    min-height: calc(100vh - (var(--line-height) * 6 + var(--line-space-gap)));
    min-height: calc(100svh - (var(--line-height) * 6 + var(--line-space-gap)));
  }
}
#root .root-bottom svg {
  display: block;
  fill: var(--fg);
  fill: black;
}
#root .root-bottom {
  padding-bottom: var(--line-height);
}