@layer base {
  .rootLayout {
    position: relative;
    height: 100%;
    width: 100%;

    background-image: url("./assets/main-bg.png");
    background-size: auto 101%;
    background-position: center;
    overflow: hidden;

    .main {
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;

      --padding-x: 16px;
      padding: calc(var(--header-total) + var(--padding-x)) var(--safe-right)
        calc(var(--navigation-total) + var(--padding-x)) var(--safe-left);
    }
  }
}
