/* Discord Limits — layered on top of discord_formats.css */

/* Leading icon chip inside a row's first table cell. */
.limits-row-icon {
	display: inline-grid;
	place-items: center;
	width: 1.65rem;
	height: 1.65rem;
	margin-right: var(--space-2);
	text-align: center;
	color: color-mix(in srgb, var(--accent-color) 72%, var(--text-color));
	background: color-mix(in srgb, var(--accent-color) 9%, transparent);
	border-radius: 0.55rem;
	font-size: 0.78em;
	vertical-align: middle;
}

/* Make the value column stand out a touch without being loud. */
.limits-table td:nth-child(2) {
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	color: color-mix(in srgb, var(--text-color) 82%, var(--accent-color));
}

.limits-block {
	margin-bottom: var(--space-7);
}

/* Disclaimer card at the very bottom of the page. */
.limits-footnote-card {
	padding: var(--space-9) var(--space-10);
}

.limits-footnote-card .note {
	margin: 0;
	line-height: 1.7;
}

.limits-footnote-card .limits-updated {
	margin-top: var(--space-4);
	font-size: 0.85em;
	opacity: 0.6;
}

@media (max-width: 700px) {
	.limits-row-icon {
		width: 1.5rem;
		height: 1.5rem;
		margin-right: 0.35rem;
	}
}