/* One school identity treatment across navigation, feeds, calendars and newsletters. */
.school-avatar {
  --school-avatar-size: 32px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: var(--school-avatar-size);
  height: var(--school-avatar-size);
  overflow: hidden;
  border-radius: 50%;
  background: color-mix(in srgb, var(--school-avatar-color, #211526) 13%, white);
  color: color-mix(in srgb, var(--school-avatar-color, #211526) 70%, #211526);
}
.school-avatar img { width: 86%; height: 86%; object-fit: contain; }
.school-avatar .school-avatar__fallback {
  color: inherit;
  font: 800 clamp(5px, calc(var(--school-avatar-size) / var(--school-avatar-characters, 3) * 1.4), calc(var(--school-avatar-size) * .3))/1 var(--sans, sans-serif);
  letter-spacing: -.02em;
  text-align: center;
}
.school-avatar [hidden] { display: none; }
.school-avatar.account-mark--school { --school-avatar-size: 54px; border: 0; }
.school-avatar.game-row__school-logo { --school-avatar-size: 44px; width: 44px; height: 44px; justify-self: end; }