.wrapper {
    @apply md:ml-16 ml-8 mt-4 flex;
}

.imageWrapper {
    @apply md:h-24 md:w-24 md:min-w-[96px]
    h-20 w-20 min-w-[80px] 
    border border-gray-300 rounded 
    p-2.5;
}

.image {
    @apply w-full h-full object-contain;
}

.details {
    @apply ml-4 w-full flex flex-col gap-y-1;
}

.name {
    @apply font-medium;
}

.code,
.weightLabel {
    @apply text-gray-600;
}

.quantity {
    @apply w-12 min-w-[42px] py-2.5 bg-gray-100 border border-gray-300 h-fit my-auto rounded-md ml-auto font-medium text-center;
}