/* Source coordinates from ui-sprite-coordenadas.json are normalised to em by Site::icon().
   Isotropic scale fits each crop in a centered square; one bitmap shared by all uses. */
.thecitym2 .tcm-icon {
  display: inline-block; position: relative; flex-shrink: 0;
  width: var(--icon-size, 48px); height: var(--icon-size, 48px);
}
.thecitym2 .tcm-icon::before {
  content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  font-size: var(--icon-size, 48px);
  width: var(--glyph-w); height: var(--glyph-h);
  background-image: var(--tcm-ui-icons); background-repeat: no-repeat;
  background-size: var(--sprite-w) var(--sprite-h);
  background-position: var(--glyph-x) var(--glyph-y);
}