.C--avatar.type--1 {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    background: #f5f5f5;
    &.-circle {
        @include border-radius(100%);
        .avatar__container {
            @include border-radius(100%);
        }
    }
    .avatar__container {
        display: block;
        padding-top: 100%;
        background-position: center center;
    }
    img {
        display: block;
        width: 100%;
        height: auto;
    }
}