// Table headings

.c-standings-table__headings {
    width: 100%;
    position: relative;
}

.c-standings-table__name-heading {
    position: absolute;
    left: 30px;

    @include mq($from: 420px) {
        left: 100px;
    }
}

.c-standings-table__nation-heading {
    display: none;
    position: absolute;
    left: 30px;

    @include mq($from: 420px) {
        display: inline-block;
    }
}

.c-standings-table__points-heading {
    position: absolute;
    right: 0;
}

// Table items

.c-standings-table__item {
    list-style-type: none;
    font-size: font-size(body);
    position: relative;
}

.c-standings-table__name {
    position: absolute;
    left: 30px;

    @include mq($from: 420px) {
        left: 100px;
    }
}

.c-standings-table__nation {
    display: none;
    position: absolute;
    left: 30px;

    @include mq($from: 420px) {
        display: inline-block;
    }
}

.c-standings-table__points {
    position: absolute;
    right: 0;
}

.c-standings-table__flag {
    width: 40px;
}