/*
 * Icon — the 234 glyphs of the "Icons" frame (4027:171), exported from Figma
 * and normalised to fill="currentColor" so they take the colour of their
 * context.
 *
 * Rendered inline by symfony/ux-icons, which reads assets/icons/<name>.svg.
 * Default box is Scale/300 (24px), the size the glyphs are drawn at.
 */

.mo-icon {
    flex: none;
    width: var(--mo-scale-300);
    height: var(--mo-scale-300);
    color: inherit;
}

.mo-icon--sm {
    width: var(--mo-scale-200);
    height: var(--mo-scale-200);
}

.mo-icon--md {
    width: var(--mo-scale-250);
    height: var(--mo-scale-250);
}

.mo-icon--lg {
    width: var(--mo-scale-400);
    height: var(--mo-scale-400);
}