<commit_before>@import "compass";

@import "../arrows";
@import "../breakpoints";
@import "../spacing";

.artifact-container {
    position: relative;
}

.previous-artifact {
    @include prev-arrow();
    background-image: url(/img/black-left-arrow.png);
}

.next-artifact {
    @include next-arrow();
    background-image: url(/img/black-right-arrow.png);
}

.previous-artifact,
.next-artifact {
    display: inline-block;
    height: 56px;
    width: 32px;

    @include respond-to('phone-down') {
        top: 100px;
    }
}

img {
    max-width: 100%;
}

.artifact-image-caption {
    font-size: 75%;
}

.artifact {
    @include display-flex;
    @include flex-direction(column);
    background-image: url(/img/artifact-sheet.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 609px;
    max-height: 609px;
    max-width: 871px;
    margin: 0 auto;
    padding: 20px;

    h2 {
        color: white;
        font-family: "affogato-regular";
        font-weight: normal;
        margin-bottom: 5px;
        width: 80%;

        @include respond-to('phone-down') {
            color: black;
        }
    }

    &-header {
        @include flex(0 auto);
        border-bottom: 1px solid black;
        position: relative;
    }

    &-header-themes {
        bottom: 0;
        right: 0;
        position: absolute;
    }

    &-header-theme {
        display: inline-block;
        margin-left: 5px;

        &:first-of-type {
            margin: 0;
        }
    }

    &-body {
        @include display-flex;
        @include flex(1 1 auto);
        @include flex-direction(row);
        overflow: hidden;
    }

    &-left {
        @include display-flex;
        @include flex-direction(column);
        padding: 10px;
        width: 55%;<commit_msg>Center icons and headline on mobile<commit_after>@import "compass";

@import "../arrows";
@import "../breakpoints";
@import "../spacing";

.artifact-container {
    position: relative;
}

.previous-artifact {
    @include prev-arrow();
    background-image: url(/img/black-left-arrow.png);
}

.next-artifact {
    @include next-arrow();
    background-image: url(/img/black-right-arrow.png);
}

.previous-artifact,
.next-artifact {
    display: inline-block;
    height: 56px;
    width: 32px;

    @include respond-to('phone-down') {
        top: 100px;
    }
}

img {
    max-width: 100%;
}

.artifact-image-caption {
    font-size: 75%;
}

.artifact {
    @include display-flex;
    @include flex-direction(column);
    background-image: url(/img/artifact-sheet.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 609px;
    max-height: 609px;
    max-width: 871px;
    margin: 0 auto;
    padding: 20px;

    h2 {
        color: white;
        font-family: "affogato-regular";
        font-weight: normal;
        margin-bottom: 5px;
        width: 80%;

        @include respond-to('phone-down') {
            color: black;
            text-align: center;
            width: 100%;
        }
    }

    &-header {
        @include flex(0 auto);
        border-bottom: 1px solid black;
        position: relative;
    }

    &-header-themes {
        bottom: 0;
        right: 0;
        position: absolute;

        @include respond-to('phone-down') {
            position: relative;
            text-align: center;
        }
    }

    &-header-theme {
        display: inline-block;
        margin-left: 5px;

        &:first-of-type {
            margin: 0;
        }
    }

    &-body {
        @include display-flex;
        @include flex(1 1 auto);
        @include flex-direction(row);
        overflow: hidden;
    }

    &-left {
        @include display-flex;
        @include flex-direction(column);
        padding: 10px;
        width: 55%;
{'fraction_non_alphanumeric': 0.14141949152542374, 'fraction_numerical': 0.02198093220338983, 'mean_word_length': 1.9031514219830898, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '103113', 'n_tokens_mistral': 1308, 'n_tokens_neox': 1181, 'n_words': 256}