/**
 * A LEGEND 2：累計閲覧数コンポーネント
 * 記事メタの既存色・文字サイズを継承し、画面固有の固定色を持ちません。
 */
.aleg2-view-count {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	min-width: 0;
	max-width: 100%;
	font: inherit;
	line-height: inherit;
	color: inherit;
	white-space: nowrap;
}

.aleg2-view-count__icon {
	display: inline-flex;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
}

.aleg2-view-count__icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.aleg2-view-count__number {
	font-variant-numeric: tabular-nums;
}

.aleg2-post-card__meta,
.aleg2-post-card__footer,
.aleg2-single-meta,
.aleg2-page-header__meta,
.aleg2-gallery-text__meta-list,
.aleg2-application-hero__chips {
	flex-wrap: wrap;
}

.aleg2-application-hero__chip .aleg2-view-count {
	color: inherit;
}

.aleg2-contact-page__views {
	margin-top: 1rem;
}