/* ============================================================================
   Hugeicons (stroke-rounded, free set) — loaded globally, wherever Material Icons
   is loaded. Everything here targets ONLY `.hgi-*`, so no other icon set
   (Material Icons, lms-* font) is affected.

   Usage anywhere (just drop the tag — any free icon by name):
     <i class="hgi-stroke hgi-<icon-name>"></i>
     <i class="hgi-stroke hgi-user-group hgi-20"></i>   (with a fixed size)

   Icons INHERIT the surrounding font-size by default (they adopt the context
   size). Add a size utility (.hgi-20, …) to fix a size.
   Browse names at https://hugeicons.com/icons  (drop the "hgi-" prefix in `name`).
   ============================================================================ */
@import url("//cdn.hugeicons.com/font/hgi-stroke-rounded.css");

/* Alignment only — size is inherited unless a utility below sets it. */
.hgi-stroke { vertical-align: middle; line-height: 1; }

/* Optional fixed-size utilities (font-size drives glyph size). */
.hgi-10 { font-size: 10px; }
.hgi-11 { font-size: 11px; }
.hgi-12 { font-size: 12px; }
.hgi-13 { font-size: 13px; }
.hgi-14 { font-size: 14px; }
.hgi-15 { font-size: 15px; }
.hgi-16 { font-size: 16px; }
.hgi-17 { font-size: 17px; }
.hgi-18 { font-size: 18px; }
.hgi-20 { font-size: 20px; }
.hgi-22 { font-size: 22px; }
.hgi-24 { font-size: 24px; }
.hgi-26 { font-size: 26px; }
.hgi-28 { font-size: 28px; }
.hgi-32 { font-size: 32px; }
.hgi-40 { font-size: 40px; }
.hgi-48 { font-size: 48px; }