.placement {
    margin: .5rem 0;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    color: #6c757d;
}
.medal {
    margin: .5rem 0;
    display: flex;

    &__icon {
        width: 31px;
        height: 26px;
        margin-right: .25rem;

        &--type-1 {
            // @include sprite('medal-type-1', $include-size: true);
            background: url("/icons/medals/1.png");
            background-size: 31px 26px;
        }
        &--type-2 {
            // @include sprite('medal-type-2', $include-size: true);
            background: url("/icons/medals/2.png");
            background-size: 31px 26px;
        }
        &--type-3 {
            // @include sprite('medal-type-3', $include-size: true);
            background: url("/icons/medals/3.png");
            background-size: 31px 26px;
        }

        // background: url();
        // background-size: 31px 26px ;
    }

    &__label {
        font-weight: bold;
        line-height: 25px;
        font-size: 12px;

        @media (max-width: 767px) {
          font-size: 16px;
        }

        &--type-1 {
            color: #FFAC1F;
        }
        &--type-2 {
            color: #9B9D9E;
        }
        &--type-3 {
            color: #BB7143;
        }
    }
}