@use "variables" as *;

.ekesto-support-debug {
    display: flex;
    flex-direction: column;
    gap: $spacing-lg;
    @media screen and (min-width: $breakpoint-mobile) {
        flex-direction: row;
        align-items: flex-start;
    }
    > * {
        @media screen and (min-width: $breakpoint-mobile) {
            flex: 0 0 calc((100% - #{$spacing-lg}) / 2);
        }
    }
    &__log-container {

    }
    &__status {
        margin: $spacing-xs 0 0;
        color: $color-text-secondary;
        font-size: $font-size-small;
        font-style: italic;
    }

    &__actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: $spacing-xs;
    }

    &__size {
        color: $color-text-secondary;
        font-size: $font-size-small;
        margin-left: $spacing-md;
        margin-right: $spacing-sm;
    }
}
