/* @generated by Skylit - do not edit */
/**
 * Skylit dev cache — pattern: mhpr-stats
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-stats-bar__grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
		}
		.mhpr-stats-bar__item {
		position: relative;
		text-align: center;
		padding: var(--mhpr-gap-4) var(--mhpr-gap-8);
		}
		.mhpr-stats-bar__item:nth-child(odd)::after {
		content: "";
		position: absolute;
		top: var(--mhpr-gap-4);
		bottom: var(--mhpr-gap-4);
		right: 0;
		width: 1px;
		background: var(--mhpr-overlay-stat-divider);
		}
		.mhpr-stats-bar__prefix {
		margin: 0 0 var(--mhpr-gap-1);
		font-size: 0.62rem;
		font-weight: 600;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: rgba(255, 255, 255, 0.4);
		min-height: 0.875rem;
		}
		.mhpr-stats-bar__prefix:empty {
		display: none;
		}
		.mhpr-stats-bar__number {
		margin: 0 0 var(--mhpr-gap-2);
		font-size: 2.5rem;
		font-weight: 900;
		color: var(--mhpr-color-white);
		line-height: 1;
		}
		.mhpr-stats-bar__number sup {
		font-size: 1.25rem;
		font-weight: 900;
		top: -0.12em;
		}
		.mhpr-stats-bar__label {
		margin: 0;
		font-size: 0.8rem;
		font-weight: 500;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		color: var(--mhpr-color-white);
		}
		@media (min-width: 769px) {
		.mhpr-stats-bar__grid {
		grid-template-columns: repeat(4, 1fr);
		}
		.mhpr-stats-bar__item:nth-child(odd)::after {
		display: none;
		}
		.mhpr-stats-bar__item:not(:last-child)::after {
		display: block;
		content: "";
		position: absolute;
		top: var(--mhpr-gap-4);
		bottom: var(--mhpr-gap-4);
		right: 0;
		width: 1px;
		background: var(--mhpr-overlay-stat-divider);
		}
		.mhpr-stats-bar__number {
		font-size: 3.5rem;
		}
		.mhpr-stats-bar__number sup {
		font-size: 1.5rem;
		}
		}