.hm-site-staleness-notice {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 1.5rem;
	padding: 1rem 1.25rem;
	border: 1px solid #c9c9c9;
	background: #e8e8e8;
	color: #252525;
	font-size: 1rem;
	line-height: 1.45;
}

.hm-site-staleness-notice__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
	border: 2px solid currentColor;
	border-radius: 50%;
	font-weight: 700;
	line-height: 1;
}

.hm-site-staleness-notice p {
	margin: 0;
}

@media (max-width: 767px) {
	.hm-site-staleness-notice {
		align-items: flex-start;
		gap: 0.75rem;
		margin-bottom: 1.25rem;
		padding: 0.875rem 1rem;
		font-size: 0.9375rem;
	}
}

@media print {
	.hm-site-staleness-notice {
		align-items: center;
		gap: 0.875rem;
		margin: 0 0 18pt;
		padding: 12pt 15pt;
		border-color: #999;
		background: #e8e8e8 !important;
		color: #000 !important;
		font-size: 11pt;
		break-inside: avoid;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}