html,
body,
#__nuxt,
.v-application__wrap {
    @apply m-0 h-full w-full bg-white dark:(bg-black text-white);
}

.v-main {
    @apply w-full h-full;
    overflow: hidden;
    flex: unset !important;
}

.v-main .v-main__wrap {
    @apply flex-0 w-full relative scrollbar-thin-primary;
    overflow-x: hidden;
}

nav,
nav .v-list {
    @apply dark:(bg-gray-900 text-white)
}

.v-divider {
    @apply dark:bg-white
}

.page-enter-active,
.page-leave-active,
.layout-enter-active,
.layout-leave-active {
    @apply transition-opacity duration-300 ease-in-out;
}

.page-enter,
.page-leave-active,
.layout-enter,
.layout-leave-active {
    @apply opacity-0;
}

a {
    @apply prose text-primary underline hover:opacity-75 dark:(text-secondary) hover:(opacity-75);
}