.Sui-Menu{
    --sui-menuitem-height: theme('sui.control.normal.height');
    --sui-menuitem-px: theme('sui.control.normal.px');
    --sui-menuitem-py: theme('sui.control.normal.py');
    --sui-menuitem-radius: theme('sui.radius.control');
    --sui-menuitem-color: white;
    --sui-menuitem-color-hover: theme('colors.basic.50');
    --sui-menuitem-color-active: theme('colors.basic.100');
    &Item{
        @apply w-full block cursor-pointer text-left text-sm flex flex-nowrap justify-start items-center leading-tight
        min-h-[var(--sui-menuitem-height)] px-[var(--sui-menuitem-px)] py-[var(--sui-menuitem-py)]
        bg-[color:var(--sui-menuitem-color)] hover:bg-[color:var(--sui-menuitem-color-hover)] active:bg-[color:var(--sui-menuitem-color-active)];

        &:not(:last-child){
            @apply border-b border-b-sui-borderDim;
        }

        &__Inner{
            @apply flex-1;
        }
        &--disableGutters{
            --sui-menuitem-height: auto;
            --sui-menuitem-px: 0;
            --sui-menuitem-py: 0;
        }
        &--selected{
            --sui-menuitem-color: var(--sui-menuitem-color-active);
        }
        &--disabled{
            --sui-menuitem-color-hover: var(--sui-menuitem-color);
            --sui-menuitem-color-active: var(--sui-menuitem-color);
            @apply text-basic-500 cursor-auto;
        }

        /**
        ICONS
        */
        &__startIcon,
        &__endIcon{
            @apply shrink-0;
            >.Sui-Icon{
                @apply w-3.5 h-3.5;
            }
        }
        &__startIcon{
            @apply mr-2 ltr:mr-0 ltr:ml-2;
        }
        &__endIcon{
            @apply ml-2 ltr:ml-0 ltr:mr-2;
        }
    }
    &List{
        @apply py-[var(--sui-menuitem-py)] flex-auto /*flex flex-col*/ overflow-auto;

        &--dense{
            --sui-menuitem-height: theme('sui.control.slim.height');
            --sui-menuitem-px: theme('sui.control.slim.px');
            --sui-menuitem-py: theme('sui.control.slim.py');
        }
    }
    .Sui-Dropdown__Card{
        @apply flex flex-col;
    }

    > .Sui-Dropdown__Popover > .Sui-Dropdown__Card{
        min-width: 8rem;
    }
}