.uni-face {

	&__letter {
		margin: 0;
		font-size: 18px;
		line-height: 1.8;
		color: white;
	}

	&__icon {
		opacity: 0.25;
	}

	&__badge {
        top: - $basic-padding / 8;
        right: - $basic-padding / 8;
    }

    &__inner {
        @include border-radius(50%);
        background-color: $color-grey-light;

        width: $input-height + $basic-padding / 3;
        height: $input-height + $basic-padding / 3;

        &--small {
            width: $input-xs-height;
            height: $input-xs-height;
		}

        &--big {
            width: $input-height * 2;
            height: $input-height * 2;
		}

        &--initial {
            background-color: $color-grey;
        }


        @include mq(sm) {

            &--small {
                width: $input-height;
                height: $input-height;
            }
        }
    }
}