.article-published-datetime {
	.time {
		
	}
	.date {

	}
	display: grid;
	place-items: start start;
	grid-template-columns: auto 1fr;
	&__text {
		place-self: center start;
		line-height: 1.5em;
	}
	&:before {
		content: '';
		display: inline-block;
		background: var(--ui-overlay);
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTIgMkExMCAxMCAwIDAgMCAyIDEyYTEwIDEwIDAgMCAwIDEwIDEwYTEwIDEwIDAgMCAwIDEwLTEwQTEwIDEwIDAgMCAwIDEyIDJtNC4yIDE0LjJMMTEgMTNWN2gxLjV2NS4ybDQuNSAyLjd6Ii8+PC9zdmc+);
		width: 1em;
		height: 1em;
		padding: 0.25em;
		border-radius: 100em;
		background-repeat: no-repeat;
		background-position-x: 50%;
		background-position-y: 47.5%;
		margin-inline-end: 0.5em;
	}
}