.event-sentry {
    &__wrap {
        @apply flex flex-col sm:flex-row sm:justify-between sm:items-center mt-3 text-xs text-gray-400;
    }
}
.sentry-exception {
    &__link {
        @apply cursor-pointer pb-2;
    }
    &__title {
        @apply mb-1 font-semibold;
    }
    &__text {
        @apply text-muted text-sm break-all;
    }
    &__files {
        @apply border border-purple-200 dark:border-gray-600 flex-col justify-center;
    }
}

.sentry-file {
    @apply text-xs cursor-pointer border-b border-purple-200 dark:border-gray-600;
    &__body {
        @apply bg-gray-900 p-2 overflow-x-scroll;
    }
    &__title-wrap {
        @apply bg-purple-50 dark:bg-gray-800 py-2 px-3 flex space-x-2 justify-between items-start;
    }
    &__title {
        @apply text-muted break-all font-semibold;
    }
    &__title-info {
        @apply text-gray-400;
    }
    &__title-icon {
        @apply w-5 h-4 border border-purple-300 shadow bg-white dark:bg-gray-600 py-1 rounded;
        .rotate {
            @apply transform rotate-180;
        }
    }
    &__row {
        @apply flex;
        &--red {
            @apply bg-pink-800 text-white;
        }
    }
    &__row-number {
        @apply w-12 text-muted;
    }
    &__row-text {
        @apply text-gray-100;
    }
}

.margin-space-10 {
    margin-left: 10px;
}
