/* Copyright Ayers Electronics Inc. All rights reserved. */

/* ---- the kids pill (js/profile-tile.js) ----
   A kids profile's tile wears the kids word on a blue pill at the foot of its circle: centred, its
   bottom 9 below the circle's edge, 12 of room each side of a word it sizes to, so every language's
   word fits. */
.kids-banner {
  position: absolute;
  left: 50%;
  bottom: -9px;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  transform: translateX(-50%);
  background: var(--kids-banner);
  color: var(--kids-banner-ink);
  font-size: var(--type-micro);
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.08em;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}