
.page {
  --user-pages-pages-background-color: var(--theme-base-200);

  --user-pages-form-background-color: var(--theme-base);

  --user-pages-spacing: var(--theme-spacing);
  --user-pages-spacing-8x: calc(var(--user-pages-spacing) * 8);
  --user-pages-spacing-24x: calc(var(--user-pages-spacing) * 24);



  background-color: var(--user-pages-pages-background-color);
  min-height: 100vh;

  main.content.container {
    padding-top: var(--user-pages-spacing-24x);

    .container {
        padding-left: 0;
        padding-right: 0;
      }

    .user-pages__form {
      background-color: var(--user-pages-form-background-color);
      row-gap: var(--user-pages-spacing-8x);
    }
  }
}
