.glorvix-post-byline {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: clamp(22px, 2.5vw, 32px) 0 clamp(34px, 4vw, 56px);
	color: #a8a7ae;
	font-family: inherit;
	font-size: clamp(13px, 1.1vw, 16px);
	font-weight: 400;
	line-height: 1.4;
}

.glorvix-post-byline__avatar {
	display: inline-flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	background: #1b1b1f;
}

.glorvix-post-byline__avatar-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.glorvix-post-byline__label {
	color: #a8a7ae;
}

.glorvix-post-byline__author {
	color: #b1a0ff;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(177, 160, 255, 0.56);
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: color 160ms ease, text-decoration-color 160ms ease;
}

.glorvix-post-byline__author:hover,
.glorvix-post-byline__author:focus-visible {
	color: #d0c6ff;
	text-decoration-color: currentColor;
}

.glorvix-post-byline__separator {
	color: #64636a;
	margin: 0 4px;
}

.glorvix-post-byline__date {
	color: #a8a7ae;
}

@media (max-width: 480px) {
	.glorvix-post-byline {
		gap: 9px;
		margin-top: 18px;
		margin-bottom: 30px;
	}

	.glorvix-post-byline__avatar {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
	}
}