/*
 * Gradespace Core: icons (gsc/icon block and gsc_icon()). Coloured by the
 * theme's tokens: --gsc-brand, --gsc-tint, --gsc-ink (neutral fallbacks).
 */
.gsc-icon { display: inline-block; flex: none; width: 1.25em; height: 1.25em; vertical-align: -0.2em; }
.gsc-badge {
	--gsc-badge-size: 3rem;
	display: inline-grid; place-items: center; flex: none;
	width: var(--gsc-badge-size); height: var(--gsc-badge-size); border-radius: 999px;
	background: var(--gsc-tint, #eef2fb); color: var(--gsc-brand, #2f5bd3);
}
.gsc-badge .gsc-icon { width: 48%; height: 48%; vertical-align: 0; }
.gsc-badge.is-size-small { --gsc-badge-size: 2.25rem; }
.gsc-badge.is-size-large { --gsc-badge-size: 4rem; }
.gsc-badge.is-tone-brand { background: var(--gsc-brand, #2f5bd3); color: var(--gsc-on-brand, #fff); }
.gsc-badge.is-tone-dark { background: var(--gsc-ink, #14213d); color: #fff; }
.gsc-badge.is-tone-plain { background: transparent; color: currentColor; width: auto; height: auto; }
.gsc-badge.is-tone-plain .gsc-icon { width: 1.5rem; height: 1.5rem; }
.gsc-badge.is-tone-plain.is-size-small .gsc-icon { width: 1.125rem; height: 1.125rem; }
.gsc-badge.is-tone-plain.is-size-large .gsc-icon { width: 2rem; height: 2rem; }