
  .pwa-dialog.svelte-e6oyyj {
    width: 100%;
    text-align: left;
    font-weight: 600;
    font-size: var(--vats-text-s);

    div:where(.svelte-e6oyyj) {
      padding-top: 1rem;
    }

    ul:where(.svelte-e6oyyj) {
      font-weight: normal;
      padding-left: 2rem;

      li:where(.svelte-e6oyyj) {
        list-style-type: disc;
      }
    }
  }

  .info.svelte-1cfqdwo {
    padding-top: 5rem;
    color: var(--vats-sidebar-background);
    font-size: var(--vats-text-xs);

    .browser:where(.svelte-1cfqdwo) {
      color: var(--vats-coloredtext);
    }
  }

  nav.svelte-1cfqdwo {
    width: 100%;
    height: 100%;
    border-right: 1px solid var(--vats-topbar-bordercolor);
    overflow-y: auto;
    padding-top: var(--vats-page-padding-top);
    padding-left: 3rem;
    background-color: var(--vats-sidebar-background);
    box-sizing: border-box;
  }

  .pwa.svelte-1cfqdwo {
    margin-bottom: 2rem;
  }

  ul.svelte-1cfqdwo {
    li:where(.svelte-1cfqdwo) {
      list-style: none;

      hr:where(.svelte-1cfqdwo) {
        width: 60%;
        margin-top: 1rem;
        margin-bottom: 1rem;
      }

      a:where(.svelte-1cfqdwo) {
        font-size: var(--vats-text-m);
        color: var(--vats-text2);
        text-decoration: none;
        padding-bottom: 0.6rem;

        &:hover {
          text-decoration: underline;
        }

        &.current {
          font-weight: 600;
          color: var(--vats-coloredtext);

          &:hover {
            text-decoration: none;
          }
        }
      }
    }
  }

  nav.svelte-lquvay {
    margin-bottom: 3rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }
