@use "~admin-stylesheets/colors";

.nelio-content-analytics-social-queue {
	align-items: center;
	display: flex;
	flex-direction: column;

	&--is-loading {
		justify-content: center;
	}

	&__title {
		align-items: center;
		display: flex;
		flex-direction: row;
		font-variant: small-caps;
		justify-content: center;
		margin-bottom: 0.5em;
	}

	&__help-icon {
		display: flex;
		color: colors.$layout-colors__foreground--is-blurred;
		margin-left: 0.2em;
	}

	&__message-count {
		font-size: 2em;
		line-height: 1;
	}

	&__published-message-count {
		color: colors.$layout-colors__foreground--is-blurred;
		margin-bottom: 0.5em auto 1em;
	}

	&__actions {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin-top: auto;
	}
}