@import '~styles/variables'
@import '~styles-lib/mixins'

.user-card
	rounded-corners-lg()
	margin-bottom: $line-height-computed
	overflow: hidden

	.popper-content &
		border: 0

.-well
	position: relative
	padding: 10px

hr
	margin: 0

.-user-info
	change-bg('bg')
	text-align: center

.-header
	change-bg('link')
	height: 100px
	background-repeat: no-repeat
	background-position: center center
	background-size: cover

.-avatar
	change-bg('bg')
	img-circle()
	position: relative
	display: block
	width: 100px
	height: 100px
	margin-top: -(@width * (1 - 0.618))
	margin-left: auto
	margin-right: auto
	border: 4px solid var(--theme-bg-actual)
	overflow: hidden
	z-index: 2

.-follows-you
	position: absolute
	top: -15px
	left: 0
	right: 0
	text-align: center
	pointer-events: none
	z-index: 3

.-display-name
	text-overflow()
	font-weight: bold
	font-size: $font-size-large

.-username
	theme-prop('color', 'fg-muted')
	text-overflow()
	font-size: $font-size-small

.-follow
	clear: both
	margin-top: $line-height-computed

.-stats
	text-align: center

	.stat-list
		margin-bottom: 0
