&FormContainer{ 
    @apply px-6 py-4;
}

&FormContainer &FormGroup{
    @apply w-full my-3;
}

&FormContainer &TextInput{
    @apply dark:text-[#f1f1f1] dark:placeholder-[#919191] text-base block bg-white dark:bg-[#2a2a2a] w-full px-4 py-1.5 mt-2 border border-[#d1d1d1] dark:border-[#414141] rounded focus:border-[#313131] dark:focus:border-[#919191] focus:outline-none;
}

&FormContainer .text-color, &FormContainer .text-color-input, &FormContainer a{
    @apply text-gray-900 dark:text-white;
}

&FormContainer &FormMessage{
    @apply border-2 rounded p-2 p-2 dark:border-[#515151] hidden;
}

&FormContainer &FormMessage&.visible{
    @apply block;
}

&FormContainer &FormMessage&.form-message-error{
    @apply border-l-8 border-[rgb(162,32,40,0.80)];
}

&FormContainer &SubmitButton{
    @apply text-base px-4 py-2 dark:text-[#f1f1f1] transition-colors duration-300 transform bg-[#919191] dark:bg-[#616161] border border-[#818181] rounded hover:bg-[#818181];
}
&FormContainer &SubmitButton&:hover{
    @apply bg-[#a1a1a1] dark:bg-[#717171];
}

&FormContainer .text-color-button{
    @apply text-white dark:text-[#f1f1f1];
}