.tb-awards {
    @apply list-reset;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: config('margin.4');
    padding-left: 0;

    .tb-awards__item {
        flex: 0 0 80px;
        margin: config('margin.1');
    }
}

.tb-awards__modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    overflow-y: scroll;
    height: 0;
    width: 100%;
    opacity: 0;
    background: config('colors.white');
    transform: scaleY(0);
    transform-origin: top center;
    transition: opacity .3s;

    &.is-target {
        position: fixed;
        z-index: config('zIndex.full');;
        visibility: visible;
        height: 100vh;
        padding: 1rem;
        opacity: 1;
        transform: scaleY(1);
    }

    .tb-button {
        font-size: config('textSizes.3xl');
        position: absolute;
        top: 0;
        right: 1rem;
    }

    .tb-awards__list {
        list-style: none;
        margin-top: 2rem;
        padding-left: 0;
    }
}

.tb-awards__list-item {
    margin-bottom: 2rem;

    &:not(:last-child) {
        border-bottom: 1px solid config('colors.grey-lightest');
        padding-bottom: 2rem;
    }

    img {
        height: 80px;
        width: 80px;
    }
}

.tb-awards__list-text {
    margin-top: 1.5rem;
}

@media screen and (min-width: $mediaquery-sm) {
    .tb-awards__list-item {
        display: flex;
    }

    .tb-awards__list-text {
        margin: 0 0 0 2rem;
    }
}
