[data-component~="views/layouts/application"] {
  body {
    background-color: var(--color-base-900);
    color: var(--color-base-50);
    padding: 0;
    margin: 0;
    font-family: var(--font-family-sans-serif);
    scrollbar-color: var(--color-base-300) var(--color-base-950);
  }
  a {
    color: var(--color-sky-400);
    text-decoration: none;
  }
  #app-navbar {
    background-color: var(--color-base-700);
    [data-component~="components/nav"] {
      margin-bottom: 0;
    }
    a {
      color: var(--color-base-50);
    }
  }
  [data-component~="components/container"] {
    padding: 1rem;
    &:has([data-component~="components/flash"]:empty) {
      padding: 0;
    }
  }
}