.general-help-tooltip
	display block
	position absolute
	background rgba(0,0,0,0.9)
	border-radius 2px
	color #fff
	font-size 14px
	line-height 16px
	font-smoothing antialiased
	padding 10px 15px
	font-family 'ProximaNova-Semibold'
	box-sizing border-box

	width auto
	min-width 50px
	pointer-events none
	z-index 109
	max-width 300px
	margin 0 0 5px
	&:before
		content none
	.nub
		content ""
		display block
		position absolute
		border 4px solid transparent
		top 100%
		border-top-color rgba(0,0,0,.9)
		left auto
		right auto
		min-width 1px
	&.right
		margin-left 10px
	&.left
		margin-left -10px
	&.bottom
		margin-top 10px
		.nub
			border-top-color transparent
			border-bottom-color rgba(0,0,0,.9)
			top -8px
	&.top
		margin-bottom 13px
		.nub
			top 100%
			border-top-color rgba(0,0,0,.9)
	&.center
		&.right .nub
			right 100%
			top 50%
			margin-top -4px
			border-top-color transparent
			border-right-color rgba(0,0,0,.9)
		&.top .nub
			right 100%
			top 100%
			border-top-color rgba(0,0,0,.9)
		&.bottom .nub
			border-top-color transparent
			border-bottom-color rgba(0,0,0,.9)
			top -8px
			right 100%
		&.left .nub
			border-top-color transparent
			border-left-color rgba(0,0,0,.9)
			top 50%
			margin-top -4px
			right -8px
	.no-tooltip &
		display none

.info-tooltip
	font 20px/1 'BlogvioEditor'
	speak none
	font-weight normal
	font-variant normal
	text-transform none
	-webkit-font-smoothing antialiased
	color #c8c8c8
	vertical-align middle
	display inline-block
	cursor pointer
	transition color .2s ease
	&:hover
		color darkpurple
