.vue-notification-group.general-toast {
    @apply right-5;
}

.float-label {
    @apply mt-5 relative;

    &>label {
        @apply absolute top-0 left-0 bottom-0 block pl-3 ease-linear duration-75 opacity-0;
    }

    &>input:focus+label {
        @apply opacity-100 -mt-6;
    }
}

.default-page-template {
    min-height: 400px;
    @apply container w-full max-w-4xl px-4 pt-3 mx-auto sm:pt-6 md:px-0;
}

a.link {
    @apply duration-150 ease-in-out;
    @apply text-primary-500 hover:text-primary-600;
}