.input-main {
    @apply flex flex-col;
}

.input-main .label {
    @apply font-main text-size-small-heading leading-normal mb-2;
}

.input-main input, .input-main textarea, .input-general {
    @apply flex w-full resize-none h-12 overflow-hidden focus:outline-0 focus:ring-0 border-none p-4 disabled:opacity-30 disabled:pointer-events-none;
}

.input-main textarea{
    @apply min-h-[80px] max-h-[120px] resize-y;
}

.input-primary {
    @apply max-w-full mb-4;
}

.input-primary .label {
    @apply text-complement500;
}

.input-primary input, .input-primary textarea, .input-primary-input {
    @apply rounded-xl text-black bg-gray-200 placeholder:text-[#6a7681];
}

.input-secondary{
    @apply mb-8;
}

.input-secondary .label {
    @apply text-complement300;
}

.input-secondary input, .input-secondary textarea {
    @apply rounded py-2 px-4;
    border: 1px solid rgba(121, 121, 121, 0.50);
}