.aprs-symbol {
  display: inline-block;
  background-repeat: no-repeat;
  flex-shrink: 0;

  // Each sprite sheet is 16 symbols wide
  // Background size needs to be 16 * symbol-size for proper sprite positioning

  &.aprs-symbol-24 {
    background-size: 384px auto; // 16 * 24
  }

  &.aprs-symbol-32 {
    background-size: 512px auto; // 16 * 32
  }

  &.aprs-symbol-48 {
    background-size: 768px auto; // 16 * 48
  }

  &.aprs-symbol-56 {
    background-size: 896px auto; // 16 * 56
  }

  &.aprs-symbol-64 {
    background-size: 1024px auto; // 16 * 64
  }

  &.aprs-symbol-128 {
    background-size: 2048px auto; // 16 * 128
  }

  &.aprs-symbol-256 {
    background-size: 4096px auto; // 16 * 256
  }
}
