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

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

.select-main select {
    @apply flex w-full appearance-none resize-none h-12 focus:outline-0 focus:ring-0 border-none pl-4 pr-8 py-2 disabled:opacity-30 disabled:pointer-events-none;
}

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

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

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

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

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

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