.Sui-Select {
    @apply outline-none ring-0;
    &__Input {
        @apply cursor-pointer z-10;
        padding-right: 1.8rem;
        text-align: inherit;
        &--align{
            &-center{
                @apply text-center;
            }
            &-start{
                @apply text-left ltr:text-right;
            }
            &-end{
                @apply text-right ltr:text-left;
            }
        }
    }
    &__InputWrapper {
        @apply relative cursor-pointer;
        .Sui-Select__Input{
            @apply z-0;
        }
        .Sui-Dropdown{
            @apply flex-auto inline-flex;
        }
    }
    select.Sui-Select__Input{
        background-image: none;
        padding-right: 1.8rem;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        print-color-adjust: exact;
        @apply z-20;
    }
    div.Sui-Select__Input{
        @apply min-w-[4rem] flex-auto inline-flex items-center;
    }
    &__Caret{
        @apply absolute top-1/2 right-2 -translate-y-1/2 z-10 w-4 h-4 opacity-75 z-10;
    }
    &__Search{
        @apply px-1 pt-1;
    }
    &__Menu{
        @apply absolute inset-0;
    }
    &--useMenu{
        @apply relative;
        select.Sui-Select__Input{
            @apply hidden;
        }
    }
    &__Chips{
        @apply flex flex-wrap justify-start items-center pt-1;
        >*{
            @apply mr-1 mb-1
        }
    }
    &__Comment{
        @apply text-sui-textDim shrink-0 ml-1.5;
    }
    &__Image{
        @apply w-5 h-5 inline-flex justify-center items-center;
        &:not(:last-child){
            @apply mr-2;
        }
        img{
            @apply w-full h-auto max-h-full;
        }
    }
    &__Image + .Sui-Select__Comment{
        @apply ml-0
    }
    &--multiple{
        .Sui-Select__Input,
        .Sui-Select__InputWrapper
        {
            @apply h-auto min-h-[var(--sui-input-height)]
        }
    }
    &--multiple-mode-text,
    &--multiple-mode-selected{
        button.Sui-Select__Input{
            @apply whitespace-nowrap text-ellipsis overflow-hidden;
        }
    }

    &:not(.is-filled){
        .Sui-Select__Input{
            @apply text-[color:var(--sui-input-placeholder)]
        }
    }
}