// -------------------------------------------------------------------
// :: AVATAR
// -------------------------------------------------------------------

.a-avatar{
	@extend %__icon-account;
	display: block;
	height: 2.5rem;
	width: 2.5rem;
	overflow: hidden;
	position: relative;
	border-radius: 2.5rem;

	&:before{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: $white;
		border: $border-simple;
		border-radius: 2.5rem;
		line-height: 2.3rem;
		text-align: center;
		color: $dark-extra;
		font-size: $font-size-xlarge;
	}

	.a-avatar__img{
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}