.inbox .inbox__item {
    @apply transition duration-200 ease-in-out transform cursor-pointer;
    &:hover {
        transform: scale(1.02, 1.02);
        @apply relative z-20 shadow-md border-0 rounded;
    }
    &.inbox__item--active {
        @apply bg-white text-gray-800;
        .inbox__item--sender {
            @apply font-medium;
        }
        .inbox__item--highlight {
            @apply font-medium;
        }
        .inbox__item--time {
            @apply font-medium;
        }
    }
}

.dark {
    .inbox .inbox__item {
        &.inbox__item--active {
            @apply bg-dark-3 text-gray-300;
        }
    }    
}