/* Shared SVG icon language for home, archive, search, related and business cards. */
.kh-engagement-icon {
	display: block;
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
	transition: color .18s ease, fill .18s ease, transform .18s ease;
}

.kh-card-metrics {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	gap: 7px;
	color: #8196a6;
	font-size: 8px;
	line-height: 1;
	white-space: nowrap;
}

.kh-card-metric,
.kh-card-share {
	display: inline-flex;
	min-width: 0;
	align-items: center;
	justify-content: center;
	gap: 3px;
	color: inherit;
}

.kh-user-tool-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid #29485e;
	border-radius: 999px;
	background: rgba(5, 25, 41, .78);
	color: #8fa4b4;
	cursor: pointer;
	white-space: nowrap;
}

.kh-user-tool-button:hover,
.kh-user-tool-button:focus-visible,
.kh-user-tool-button.active {
	border-color: #568f48;
	background: rgba(68, 126, 59, .24);
	color: #8edb68;
}

.kh-user-tool-button:disabled {
	opacity: .55;
	cursor: wait;
}

.kh-user-tool-button .kh-engagement-icon {
	width: 14px;
	height: 14px;
	flex-basis: 14px;
}

.kh-card-bookmark {
	width: 24px;
	height: 24px;
	min-width: 24px;
	padding: 0;
}

.kh-card-bookmark > span,
.kh-card-metrics .kh-card-bookmark > span {
	display: none;
}

.sidebar-utility-link .kh-engagement-icon,
.sidebar-login-link .kh-engagement-icon {
	width: 14px;
	height: 14px;
}

.sidebar-login-link {
	border: 1px solid rgba(116, 196, 66, .3);
	background: rgba(55, 111, 52, .15);
}

.business-directory-body footer .business-follow-button {
	margin-left: auto;
}

.business-directory-body footer .business-follow-button + button {
	margin-left: 0;
}

.single-author-follow {
	min-height: 32px;
}

.kh-product-bookmark {
	margin-top: 10px;
}

.kh-um-follow {
	display: flex;
	justify-content: center;
	margin: 10px 0 2px;
}

.kh-card-metric b {
	overflow: hidden;
	color: inherit;
	font-size: inherit;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	text-overflow: ellipsis;
}

.kh-card-share {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border-radius: 50%;
	transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.kh-card-share:hover,
.kh-card-share:focus-visible {
	background: rgba(116, 189, 67, .13);
	color: #8edb68;
	outline: 1px solid rgba(116, 189, 67, .45);
	outline-offset: 1px;
}

.kh-card-share:hover .kh-engagement-icon,
.kh-card-share:focus-visible .kh-engagement-icon {
	transform: translateX(1px);
}

.kh-card-metric-rating {
	color: #ffd35a;
}

.kh-card-metric-location {
	max-width: 100%;
}

.kh-card-metric-location b {
	white-space: nowrap;
}

.hero-stats.kh-card-metrics,
.archive-hero-meta.kh-card-metrics {
	gap: 10px;
	font-size: 10px;
}

.hero-stats.kh-card-metrics .kh-engagement-icon,
.archive-hero-meta.kh-card-metrics .kh-engagement-icon {
	width: 17px;
	height: 17px;
	flex-basis: 17px;
}

.market-news-footer .kh-card-metrics,
.content-card-footer .kh-card-metrics,
.archive-card-body footer .kh-card-metrics {
	margin-right: auto;
}

.archive-card-body footer .kh-card-metrics a,
.archive-card-body footer .kh-card-share {
	margin-left: 0;
}

.market-news-read,
.content-card-more,
.archive-card-body footer > a:not(.kh-card-share),
.archive-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}

.market-news-read .kh-engagement-icon,
.content-card-more .kh-engagement-icon,
.archive-card-body footer > a:not(.kh-card-share) .kh-engagement-icon,
.archive-primary .kh-engagement-icon {
	width: 12px;
	height: 12px;
	flex-basis: 12px;
}

.review-rating {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.review-rating .kh-engagement-icon {
	width: 13px;
	height: 13px;
	fill: currentColor;
}

.review-location,
.review-location-inline {
	display: flex;
	align-items: center;
	gap: 4px;
}

.review-location .kh-engagement-icon,
.review-location-inline .kh-engagement-icon {
	width: 13px;
	height: 13px;
}

.archive-hero-byline {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-top: 12px;
	color: #9cafbd;
	font-size: 9px;
}

.archive-hero-byline img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
}

.archive-podcast-actions {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 13px;
}

.archive-podcast-actions .archive-primary {
	margin-top: 0;
}

.podcast-play,
.podcast-save,
.episode-play {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.podcast-play {
	gap: 7px;
}

.podcast-play .podcast-play-label,
.podcast-play .kh-pause-icon {
	margin-right: 0;
}

.podcast-actions {
	align-items: center;
	flex-wrap: wrap;
}

.podcast-featured-stats {
	margin-left: auto;
}

.podcast-row-image .podcast-row-save {
	position: absolute;
	z-index: 3;
	top: 7px;
	right: 7px;
	left: auto;
	width: 27px;
	height: 27px;
	transform: none;
	border-color: rgba(180, 208, 222, .45);
	background: rgba(2, 13, 24, .72);
}

.podcast-row-stats,
.episode-row-stats {
	justify-self: end;
}

.podcast-archive-row > .podcast-row-stats {
	color: #cfdf59;
}

.service-card-stats {
	max-width: 52%;
}

.podcast-episode {
	grid-template-columns: 28px minmax(0, 1fr) 27px 82px minmax(58px, auto);
}

.podcast-play .kh-engagement-icon,
.podcast-save .kh-engagement-icon,
.episode-play .kh-engagement-icon {
	width: 15px;
	height: 15px;
}

.podcast-play .kh-pause-icon,
.episode-play .kh-pause-icon {
	display: none;
	height: 13px;
	align-items: center;
	gap: 3px;
}

.kh-pause-icon i {
	display: block;
	width: 2px;
	height: 11px;
	border-radius: 2px;
	background: currentColor;
}

.podcast-play.playing .kh-icon-play,
.episode-play.playing .kh-icon-play {
	display: none;
}

.podcast-play.playing .kh-pause-icon,
.episode-play.playing .kh-pause-icon {
	display: inline-flex;
}

#chia-se {
	scroll-margin-top: 24px;
}

@media (max-width: 380px) {
	.kh-card-metrics {
		gap: 4px;
		font-size: 7px;
	}

	.kh-card-metrics .kh-engagement-icon {
		width: 12px;
		height: 12px;
		flex-basis: 12px;
	}

	.kh-card-share {
		width: 21px;
		height: 21px;
		flex-basis: 21px;
	}
}

@media (max-width: 520px) {
	.podcast-episode {
		grid-template-columns: 28px minmax(0, 1fr) 26px minmax(55px, auto);
	}

	.podcast-episode .waveform {
		display: none;
	}

	.podcast-featured-stats {
		width: 100%;
		margin-left: 0;
	}

	.service-card-stats {
		max-width: 50%;
	}
}