.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 dark:bg-dark-3 dark:text-gray-300;
            .inbox__item--sender {
                @apply font-medium;
            }
            .inbox__item--highlight {
                @apply font-medium;
            }
            .inbox__item--time {
                @apply font-medium;
            }
        }
    }
    .form-check-input {
        @apply border-gray-500;
        &:checked {
            @apply border-primary-1;
        }
    }
}