.author-box {
	margin-top: 4.6rem;
	margin-bottom: 1.25rem;
	border-top: 1px solid $color_border_input;
	text-align: center;
	font-family: inherit;

	.image img {
		width: 6.8rem;
		height: 6.8rem;
		display: inline-block;
		margin-top: -3.5rem;
		border-radius: 50%;
		border: 1.3rem solid $color_white;
	}

	.author > span {
		display: none;
		margin-top: -0.5rem;
		font-size: 0.6rem;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.09em;
	}

	.author > a {
		display: inline-block;
		margin-top: -0.3rem;
		font-size: 1.2rem;
		font-weight: 600;
		line-height: 1.4;
		-webkit-font-smoothing: antialiased;
	}

	.author-bio {
		margin-top: 1rem;
		font-size: 1rem;
	}

	// Social icons use base rules from helpers. This is mostly an extension.
	.social-icons {
		margin-top: 1rem;
	}

	.social-icons a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: $color_text_input;
		-webkit-font-smoothing: initial;
		font-size: 0.8rem;

		&:hover {
			color: $color_text_main;

			.visuallyhidden {
				opacity: 1;
				visibility: visible;
				transform: translate3d(0rem, -2.5rem, 0rem);
			}
		}

		.visuallyhidden {
			display: flex;
			align-items: center;
			position: absolute;
			z-index: 200;
			width: auto;
			height: 1.875rem;
			padding: 0 0.938rem;
			font-size: 0.813rem;
			color: #fff;
			-webkit-font-smoothing: antialiased;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			white-space: nowrap;
			border-radius: 3px;
			background: rgba(54,63,66,0.95);
			opacity: 0;
			visibility: hidden;
			transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
						transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
						visibility 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
			pointer-events: none;

			&::before {
				content: '';
				position: absolute;
				box-sizing: border-box;
				left: 0;
				bottom: -10px;
				width: 100%;
				height: 0.625rem;
			}

			&::after {
				content: '';
				position: absolute;
				box-sizing: border-box;
				width: 0.625rem;
				height: 0.313rem;
				bottom: -0.313rem;
				left: 0;
				right: 0;
				margin: 0 auto;
				border-left: 0.313rem solid transparent;
				border-right: 0.313rem solid transparent;
				border-top: 0.313rem solid rgba(54,63,66,0.95)
			}
		}
	}
}